ds-svelte-community
Nais Docs
Pages
  • Home
  • CSS
  • Icons
Typography
  • BodyLong
  • BodyShort
  • Detail
Components
  • Accordion
  • ActionMenu Beta
  • Alert
  • Button
  • Checkbox
  • Chips
  • ConfirmationPanel
  • CopyButton
  • ErrorSummary
  • ExpansionCard
  • GuidePanel
  • HelpText
  • InternalHeader Beta
  • List
  • Loader
  • Modal
  • Pagination
  • Popover
  • Radio
  • ReadMore
  • Search
  • Select
  • Skeleton
  • Stepper
  • Switch
  • Table
  • Tabs
  • Tag
  • TextField
  • ToggleGroup
  • Tooltip
Primitives
  • Bleed
  • Box

Version: 1.0.0
Try dark darkside
Try light darkside

Stepper

Stepper can be used to indicate where the user is in a process. Can be used for navigation patterns between steps, or for a visual guide on progression. The component itself should be a supplement to other patterns or indicators, and should not be the only way to navigate a solution.

Read more about this component in the Aksel documentation.

    Default
  1. Account information
  2. 2 About you
  3. 3 How did you hear about us
  4. 4 Confirmation

Properties

PropertyDescriptionDefault
Control
Properties
activeStep

Current active step.

number
1
interactive

Makes stepper non-interactive if false

boolean
true
orientation

The direction the component grows.

"horizontal" "vertical"
"vertical"
Snippets
children

List of <Step />

 -
Events
onchange -

Properties included from: Omit<HTMLOlAttributes, "onchange">