design-system icon indicating copy to clipboard operation
design-system copied to clipboard

Documentation: Stepper

Open wueestd opened this issue 2 years ago • 7 comments

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
- [ ] https://github.com/swisspost/design-system/issues/3089
- [ ] https://github.com/swisspost/design-system/issues/3090

wueestd avatar Sep 19 '23 15:09 wueestd

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/

wueestd avatar Nov 08 '23 06:11 wueestd

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

kaloyanso avatar Dec 12 '23 10:12 kaloyanso

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 avatar Dec 12 '23 12:12 rouvenpost

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

rouvenpost avatar Dec 12 '23 12:12 rouvenpost

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

Cian77 avatar Dec 14 '23 09:12 Cian77

@rouvenpost I added some comments directly on Figma

alizedebray avatar May 02 '24 10:05 alizedebray

I rebuild the Component. Ready for review.

rouvenpost avatar May 14 '24 04:05 rouvenpost