# Vue d'ensemble

Les 52 composants Feitio, par groupe. Chaque composant inclut les indications sur son utilisation et non-utilisation, ainsi que le code.

Filtrer les composants

## Actions

-   [**Button**Performs an action on the screen it is on.](/fr/components/button/)
-   [**Link**Takes you to another page, or another spot on this one.](/fr/components/link/)
-   [**LinkCard**A door to another area: title, sentence and the arrow.](/fr/components/linkcard/)

## Texte et structure de page

-   [**Heading**The heading of a page or a section.](/fr/components/heading/)
-   [**Text**Text for reading, at its measure.](/fr/components/text/)
-   [**Icon**A drawing from the sprite, next to the word.](/fr/components/icon/)
-   [**Block**A block of content on the page.](/fr/components/block/)
-   [**VisuallyHidden**Text for screen readers only.](/fr/components/visually-hidden/)
-   [**SkipLink**Jumps straight to the content, by keyboard.](/fr/components/skiplink/)
-   [**Divider**The hairline between two parts that touch.](/fr/components/divider/)
-   [**Kbd**A key, written as on the keyboard.](/fr/components/kbd/)

## Mise en page

-   [**Stack**Stacks pieces, with the scale’s space between them.](/fr/components/stack/)
-   [**Inline**Puts pieces side by side, wrapping when they do not fit.](/fr/components/inline/)
-   [**Grid**Columns that fit the width, never past the screen.](/fr/components/grid/)

## Formulaires

-   [**Field**A field’s label, hint, control and error.](/fr/components/field/)
-   [**TextInput**One line of text.](/fr/components/textinput/)
-   [**TimeInput**Hour and minute, in 12 or 24 hours.](/fr/components/timeinput/)
-   [**Textarea**Several lines of text.](/fr/components/textarea/)
-   [**Select**One choice from a long list.](/fr/components/select/)
-   [**Checkbox**Yes or no, or several choices.](/fr/components/checkbox/)
-   [**Radios**One choice among a few, all in view.](/fr/components/radios/)
-   [**Switch**Turns a setting on and off, applied on save.](/fr/components/switch/)
-   [**SegmentedControl**One choice among a few neighboring options.](/fr/components/segmented/)
-   [**Fieldset**Groups fields that answer one question.](/fr/components/fieldset/)
-   [**FilterField**Filters the list below as the person types.](/fr/components/filterfield/)

## Boucles de rétroaction et erreurs

-   [**ErrorMessage**A field’s error, below it.](/fr/components/errormessage/)
-   [**ErrorSummary**All the form’s errors, at the top.](/fr/components/errorsummary/)
-   [**Notice**A notice with the words for what happened.](/fr/components/notice/)
-   [**Tag**A thing’s status, with icon and word.](/fr/components/tag/)
-   [**EmptyState**When there is nothing: the drawing and the next step.](/fr/components/emptystate/)
-   [**StatusOverlay**Feedback on the container itself: loading, done, error.](/fr/components/statusoverlay/)

## Données

-   [**Table**Many things of the same kind, to compare.](/fr/components/table/)
-   [**SummaryList**The details of a single thing.](/fr/components/summarylist/)
-   [**TaskList**Things to do, each with its status.](/fr/components/tasklist/)
-   [**Pagination**Splits a long list into pages.](/fr/components/pagination/)

## Navigation

-   [**Header**The site header: brand, areas and tools.](/fr/components/header/)
-   [**Footer**The footer: the brand, the years and the links.](/fr/components/footer/)
-   [**AppShell**A product’s layout of regions.](/fr/components/appshell/)
-   [**Nav**The product’s places, with the current one marked.](/fr/components/nav/)
-   [**Breadcrumbs**The path from the start to here.](/fr/components/breadcrumbs/)
-   [**Anchor**The page index, following the scroll.](/fr/components/anchor/)
-   [**Details**A closed passage the person opens if they want.](/fr/components/details/)
-   [**ScrollFade**Signals there is more content below.](/fr/components/scrollfade/)
-   [**BackToTop**Goes back to the top after half a screen.](/fr/components/backtotop/)
-   [**Search**Search across the product, with results as you type.](/fr/components/search/)

## Sur le haut de l'écran

-   [**Dialog**A question before a big action.](/fr/components/dialog/)
-   [**Drawer**A panel that slides in from an edge.](/fr/components/drawer/)

## Documentation

-   [**CodeBlock**Code with colors and the Copy button.](/fr/components/codeblock/)
-   [**Example**The live example, with its code.](/fr/components/example/)
-   [**DoDont**The right way and the wrong way, side by side.](/fr/components/dodont/)
-   [**Swatch**A sample of a color, next to its name.](/fr/components/swatch/)

## Modèles de page

-   [**DocPage**The whole documentation page, with its regions.](/fr/components/docpage/)

Aucun composant sous ce nom.