Hopp til innhold
Aksel

Søk

Ctrl+K for å søkeEsc for å lukke

Aksel

Designsystemet
God praksisBloggen

Komponenter

ConfirmationPanel

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

AvvikletOppdatert 14. mai 2025

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

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:

    Additional information on panel

label

  • Type:
    ReactNode
  • Description:

    Checkbox label

error?

  • Type:
    ReactNode
  • Description:

    Error message for element

errorId?

  • Type:
    string
  • Description:

    Override internal errorId

size?

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

    Changes font-size, padding and gaps.

value?

  • Type:
    any
  • Description:

    Checkbox value.

disabled?

  • Type:
    boolean
  • Description:

    Avoid using if possible for accessibility purposes.

    Disables element.

className?

  • Type:
    string

id?

  • Type:
    string
  • Description:

    Override internal id.

data-color?

  • Type:
    (string & {}) | AkselColor

description?

  • Type:
    string
  • Description:

    Adds a description to extend the labeling.

ref?

  • Type:
    LegacyRef<HTMLInputElement>
  • Description:

    Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). React Docs