Aksel

Meny

Komponenter / Core

FormProgress

Oppdatert Ny
GithubYarnEndringslogg

Ny

Denne komponenten er ny eller oppdatert. Tar du den i bruk ønsker vi gjerne innspill til hvordan den fungerer i tjenesten din!

Send innspill

Intro

FormProgress viser hvilket steg brukeren er på i en søknadsdialog.

Egnet til:

  • Søknadsdialoger

Eksempler

SandboxSandbox
Åpne eksempel i nytt vindu

FormProgress.Step

<FormProgress.Step> har samme API som <Stepper.Step>. Se dokumentasjonen for Stepper for mer informasjon.

Retningslinjer

Denne komponenten er laget spesifikt for bruk i søknadsdialoger. Bruk ProgressBar hvis du har behov for å lage en mer skreddersydd framdriftsindikator.

Hvilke steg skal være med?

Introside og kvitteringsside skal ikke være med som egne steg i denne komponenten. Siste steg skal som regel være en oppsummeringsside.

Props

FormProgress

totalSteps

  • Type:
    number
  • Description:

activeStep

  • Type:
    number
  • Description:

open?

  • Type:
    boolean
  • Description:

onOpenChange?

  • Type:
    ((open: boolean) => void)
  • Description:

children

  • Type:
    ReactNode
  • Description:

onStepChange?

  • Type:
    ((step: number) => void)
  • Description:

interactiveSteps?

  • Type:
    boolean
  • Default:
    true
  • Description:

translations?

  • Type:
    RecursivePartial<{ step: string; showAllSteps: string; hideAllSteps: string; }>
  • Description:

className?

  • Type:
    string

ref?

  • Type:
    LegacyRef<HTMLDivElement>
  • Description:

FormProgress.Step

children

  • Type:
    string
  • Description:

completed?

  • Type:
    boolean
  • Default:
    false
  • Description:

interactive?

  • Type:
    boolean
  • Default:
    true
  • Description:

className?

  • Type:
    string

ref?

  • Type:
    LegacyRef<HTMLAnchorElement>
  • Description:

Relaterte komponenter