Aksel

Meny

Komponenter / Core

ConfirmationPanel

Oppdatert Stabil
GithubYarn FigmaEndringslogg

Intro

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

Egnet til:

  • La brukeren gi aktivt samtykke

Har du innspill til komponenten?

Send forslag

Eksempler

SandboxSandbox
Åpne eksempel i nytt vindu

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.

GjørEksempel som viser ConfirmationPanel alene på en side
Bruk ConfirmationPanel alene på en side
UnngåEksempel som viser ConfirmationPanel sammen med andre skjemaelementer på en side
Ikke bruk andre elementer som også varsler feil

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:

Tokens

TokenFallback
--ac-confirmation-panel-border--a-border-warning
--ac-confirmation-panel-bg--a-surface-warning-subtle
--ac-confirmation-panel-checked-border--a-border-success
--ac-confirmation-panel-checked-bg--a-surface-success-subtle
--ac-confirmation-panel-error-border--a-border-danger
--ac-confirmation-panel-error-bg--a-surface-danger-subtle
Hva er dette?

Komponent-tokens gir deg muligheten til å sette opp theming eller justere styling uten å måtte overskrive css-klasser. Les gjennom guiden vår eller utforsk alle design tokens.