Skip to content

feat(Steps): add Steps component with styles and storybook demo#123

Open
am1g0s wants to merge 1 commit intomax-messenger:mainfrom
am1g0s:feat/add-steps
Open

feat(Steps): add Steps component with styles and storybook demo#123
am1g0s wants to merge 1 commit intomax-messenger:mainfrom
am1g0s:feat/add-steps

Conversation

@am1g0s
Copy link

@am1g0s am1g0s commented Jul 30, 2025

✨ Добавлен компонент Steps

Компонент отображает индикатор шагов/прогресса — может использоваться в формах, туториалах, шагах онбординга и т.д.

📦 Пропсы:

  • count: number — общее количество шагов
  • progress: number — сколько шагов активно

💅 Стилизация

  • Активный шаг подсвечивается через модификатор .Steps__step_active
  • Лёгкий вес: без лишней логики, только отрисовка

📚 Storybook

Добавлена история в Storybook: Playground с дефолтным примером на 10 шагов, 5 выполнено

🧪 Покрытие

Тестов пока нет, компонент визуальный и тупой

🧽 Чистота

  • Компонент написан в соответствии со стилем проекта
  • Используется clsx и forwardRef
  • displayName указан

@am1g0s am1g0s requested a review from a team as a code owner July 30, 2025 18:01
@vadim-tre
Copy link
Collaborator

Аналогично #124 (comment) , доберусь на следующей неделе. Спасибо за PR и интерес к библиотеке 🔥

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants