ProgressStepper

Installation

npm install @sk-web-gui/react

Användning

import { ProgressStepper } from '@sk-web-gui/react';

API

Prop	Typ	Standard	Beskrivning
`steps`	`string[]`	`–`	Array of labels
`current`	`number`	`–`	Index of current step
`rounded`	`boolean`	`–`
`size`	`'sm' \| 'md'`	`–`
`vertical`	`boolean`	`–`	If true, the stepper is displayed vertically
`ellipsisLength`	`number`	`–`	If greater than 0, the given number will set the length of each label
`noWrap`	`boolean`	`–`	True by default. Displays the label on a single row
`labelPosition`	`StepLabelPosition`	`–`	Position of the label in relation to the icon (or number box)

Standardargs (från Meta.args)

{
  "steps": [
    "Första steget",
    "Andra steget",
    "Sista steget"
  ],
  "current": 1,
  "vertical": false,
  "ellipsisLength": 0,
  "noWrap": true,
  "labelPosition": "right"
}

Storyvarianter

Template – standardstory

Källa

Implementation: @sk-web-gui/progress-stepper
Storybook: ProgressStepper