Hopp til innhold
Aksel
  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Mønster & Maler
  • Bloggen

Meny

  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Mønster & Maler
  • Blogg
  • komponenter
      • Page
      • HGrid
      • HStack
      • VStack
      • Box
      • Hide
      • Show
      • Bleed
      • Eksperimenter 🧪
      • Accordion
      • ActionMenuBeta
      • Alert
      • Button
      • Chat
      • Checkbox
      • Chips
      • ComboboxBeta
      • CopyButton
      • DatePicker
      • Dropdown
      • ErrorSummary
      • ExpansionCard
      • FileUpload
      • FormProgressNy
      • FormSummaryNy
      • GuidePanel
      • HelpText
      • InternalHeader
      • Link
      • List
      • Loader
      • Modal
      • MonthPicker
      • Navpoleonskake
      • Pagination
      • Popover
      • ProgressBar
      • Provider
      • Radio
      • ReadMore
      • Search
      • Select
      • Skeleton
      • Stepper
      • Switch
      • Table
      • Tabs
      • Tag
      • Textarea
      • TextField
      • Timeline
      • ToggleGroup
      • Tooltip
      • Typography
      • ConfirmationPanelAvviklet
      • LinkPanelAvviklet
      • PanelAvviklet

ConfirmationPanel

Oppdatert 14. mai 2025Avviklet
GithubYarn FigmaEndringslogg

Innhold på siden

  • Intro
  • Avviklet
  • Eksempler
  • Retningslinjer
  • Props
    • ConfirmationPanel

Intro

Brukes til å gi aktivt samtykke enten i begynnelsen eller slutten av en skjemaflyt.

Egnet til:

  • La brukeren gi aktivt samtykke

Avviklet

Komponenten er avviklet og kommer til å bli fjernet fra systemet i en fremtidig versjon. Vi anbefaler nå å følge mønsteret vårt for bekreftelser.

Eksempler

SandboxSandbox
Åpne eksempel i nytt vindu

Small brukes på interne flater der det er behov for et mer komprimert grensesnitt.

Retningslinjer

Feilmeldingen i error-propen får role=alert. Av hensyn til skjermlesere må det ikke være andre elementer på siden som ber om oppmerksomhet samtidig. Du må for eksempel ikke vise en ErrorSummary samtidig som du setter error-propen.

Props

ConfirmationPanel

children?

  • Type:
    ReactNode
  • Description:

label

  • Type:
    ReactNode
  • Description:

error?

  • Type:
    ReactNode
  • Description:

errorId?

  • Type:
    string
  • Description:

size?

  • Type:
    "medium" | "small"
  • Description:

value?

  • Type:
    any
  • Description:

disabled?

  • Type:
    boolean
  • Description:

className?

  • Type:
    string

id?

  • Type:
    string
  • Description:

description?

  • Type:
    string
  • Description:

ref?

  • Type:
    LegacyRef<HTMLInputElement>
  • Description:

© 2025 Nav

Arbeids- og velferdsetaten

Snarveier

  • Skriv for Aksel
  • Prinsipper for brukeropplevelse
  • Security Playbook
  • Etterlevelse

Om nettstedet

  • Hva er Aksel?
  • Personvernerklæring
  • Tilgjengelighetserklæring

Finn oss

  • Figma
  • Github
  • Slack