search

swisspost / design-system

The Swiss Post Design System pattern library for a consistent and accessible user experience across the web platform.
https://design-system.post.ch
Apache License 2.0
106 stars 13 forks source link

Documentation: Stepper #1962

Open wueestd opened 8 months ago

wueestd commented 8 months ago

https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=13414%3A61408&mode=design&t=v21xVVGydMFRQiHB-1

### Tasks
- [ ] Component: Horizontal Stepper
- [ ] https://github.com/swisspost/design-system/issues/954
wueestd commented 6 months ago

https://design-system.service.gov.uk/patterns/question-pages/#using-progress-indicators

https://design.gs.com/patterns/stepped-progression

https://www.linkedin.com/posts/vitalyfriedman_ux-design-activity-7127577055029796864-0JVK/

kaloyanso commented 5 months ago

Hi @Cian77 and @rouvenpost, could you review this component and the documentation when you have the chance and let me know your thoughts :)

rouvenpost commented 5 months ago

We should look in to two topic on the Stepped Overview:

  1. Accessibility should be improved. The Dark Grey Circle in the Back is difficult to spot. Try to find a better solution.
  2. The negative Versions are missing. This Pattern must work on White and Grey Backgrounds.
rouvenpost commented 5 months ago

Stepped Progression: What about the Mobile approach? How does this Pattern work on Mobile? There are no examples and no documentation for Mobile.

Cian77 commented 5 months ago

Hi @kaloyanso, thanks, great work! I only added my comments.

alizedebray commented 2 weeks ago

@rouvenpost I added some comments directly on Figma

rouvenpost commented 3 days ago

I rebuild the Component. Ready for review.