Missing stepper component (indicateur d'étape)

Any piece of advice is welcome

Hi, thanks for the MR

First look: you need to use the attribute object and add a default filter for title_tag in the template

You need default values for current_step and steps, because this part of the display looks empty if the values are missing :

  <div class="fr-stepper__steps" data-fr-current-step="{{ current_step|default(1) }}" data-fr-steps="{{ steps|default(1) }}"></div>

Careful, I have rebased your remote branch)

Also, I was wondering about this :

  {% if detail %}
    <p class="fr-stepper__details">
      <span class="fr-text--bold">{{ 'Next step:'|t }}</span> {{ detail }}
    </p>
  {% endif %}

fr-text--bold doesn't look like a part of the stepper component because it is a utility class instead of a element (as BEM) class. But, because "Next step" is hardcoded, I am OK to let it like that. What do you think?

However, it seems we are not implementing those 2 rules:

• Le nombre maximal d’étapes proposées dans le composant est limité à 8.
• À la dernière étape, le titre de l'étape suivante n’est pas à afficher.

i don't understand why the state is not a fixed string and a slot instead?

This is not "Twigy":

{% if not current_step is defined %}{% set current_step = 1 %}{% endif %}
{% if not steps is defined %}{% set steps = 2 %}{% endif %}

This is better:

{% set current_step = current_step|default(1) %}
{% set steps = steps|default(2) %}