Formulaires

⚠️ Cette page n'a pas vocation a refonder une librairie de composants de formulaire, mais bien à donner des directions graphiques à appliquer au mieux sur la librairie de formulaire que vous utilisez.

C'est pourquoi les classes ne sont pas détaillées comme dans les autres composants.

Structure

See the Pen Form structure - TdL UI guide by Margot Nadot (@MagNadAnn) on CodePen.

Un formulaire condensé sur une form-line :

See the Pen Form-line multi-field - TdL UI guide by Margot Nadot (@MagNadAnn) on CodePen.

Un formulaire condensé sur une ligne pour un petit menu de filtre par exemple :

See the Pen Form inline - TdL UI guide by Margot Nadot (@MagNadAnn) on CodePen.

Champs

See the Pen Input types - TdL UI guide by Margot Nadot (@MagNadAnn) on CodePen.