Steps

@link https://www.figma.com/design/oEHn6DWpQF4D9p5etViHr9/%E2%AD%90%EF%B8%8F-UI-KIT-FOR-USER?node-id=2330-44462&t=lCbg6e9t6YMwOS8X-4

Компонент степпер

Props

value

  • type: number
  • default: 1

Текущий шаг (нач от 1)

limit

  • type: number
  • required: true

Общее число шагов

Css

--c-steps-text

  • type: Color
  • default: var(--c-secondary)

Цвет текста степпера

--c-steps-progress-bg-outer

  • type: Color
  • default: var(--c-bg-accent)

Цвет фона незаполненного прогресс-бара

--c-steps-progress-bg-inner

  • type: Color
  • default: var(--c-btn-bg-primary)

Цвет фона заполненного прогресс-бара

--progress-bar-height

  • type: Size
  • default: 10px

Высота полосы прогресса (наследовано из ProgressBar)