design-ui-kit icon indicating copy to clipboard operation
design-ui-kit copied to clipboard

Published 20 hours ago • verified publisher icon italia

Add `step-by-step` component

Open ilbassa opened this issue 3 months ago • 0 comments

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • [X] Ho verificato e non esiste

Cosa

New Step-by-step component for creating guidelines.

It would contains a component step-by-step wrapper and inside of it various single step component.

The step-by-step wrapper component should contains:

  1. [optional] Title
  2. [multiple] Single Step component

The single step component should contains:

  1. Main information (a date or a cardinal number)
  2. Title
  3. Body text
  4. [optional] Link to a document (icon + description)
  5. [optional] Link CTA
  6. [optional] Info paragraph

Perché

It would be useful to design step-by-step guidelines where the user is guided to follow a procedure that requires completing various steps. It would be useful also for display events in a timeline.

Contesto

No response

Altro

Single step component Proposal of generic design of single step with all the optional feature Step_component

Step by step component An example of implementation of the wrapper Step_by_step_component

ilbassa avatar May 22 '24 12:05 ilbassa