# Resumen

Los 52 componentes de Feitio, por grupo. Cada uno tiene cuándo usarlo, cuándo no, y el código.

Filtrar componentes

## Acciones

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

## Texto y estructura de la página

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

## Maquetación

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

## Formularios

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

## Feedback y errores

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

## Datos

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

## Navegación

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

## En la parte superior de la pantalla

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

## Documentación

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

## Plantillas de página

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

No hay componente con ese nombre.