Class ZetaStepper

Steppers convey progress through numbered steps.

For the steps, pass li elements with data-title and data-label attributes as children

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=21529-11408

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=21529-11531

Storybook

https://zeta-ds.web.app/web/storybook/?path=/docs/stepper--docs

Hierarchy

ContourableInterface<this> & LitElement<this>
- ZetaStepper

Index

Other

constructor activeStep bar rounded variant styles

rendering

Other

constructor

new ZetaStepper(): ZetaStepper
Returns ZetaStepper
Inherited from Contourable(LitElement).constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:527

activeStep

activeStep: number = 0

Current active step.

bar

bar: boolean = true

Show bar separator.

rounded

rounded: boolean

variant

variant: "vertical" | "horizontal" = "horizontal"

Stepper direction.

`Static`styles

styles: CSSResultGroup[] = ...

rendering

`Protected`render

render(): TemplateResult<1>
Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

Returns TemplateResult<1>
Overrides Contourable(LitElement).render
- Defined in src/components/stepper/stepper.ts:60