# Übersicht

Alle 52 Feitio-Komponenten, gruppiert. Jede hat Angaben zu wann sie verwendet werden soll, wann nicht, und den Code.

Komponenten filtern

## Aktionen

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

## Text und Seitenstruktur

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

## Layout

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

## Forms

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

## Feedback and errors

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

## Data

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

## Navigation

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

## On top of the screen

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

## Documentation

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

## Page templates

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

No component by that name.