---
title: "Components"
id: "components"
---

## Inputs

<DocLinkCardGrid
  links={[
    {
      id: "button",
    },
    {
      id: "checkbox",
    },
    {
      id: "icon-button",
    },
    {
      id: "radio",
    },
    {
      id: "select",
    },
    {
      id: "slider",
    },
    {
      id: "switch",
    },
    {
      id: "input",
    },
    {
      id: "textarea",
    },
  ]}
/>

## Data display

<DocLinkCardGrid
  links={[
    {
      id: "accordion",
    },
    {
      id: "avatar",
    },
    {
      id: "kbd",
    },
    {
      id: "message",
    },
    {
      id: "spinner",
    },
    {
      id: "tab",
    },
    {
      id: "tag",
    },
  ]}
/>

## Overlay

<DocLinkCardGrid
  links={[
    {
      id: "dialog",
    },
    {
      id: "menu",
    },
    {
      id: "tooltip",
    },
  ]}
/>

## Navigation

<DocLinkCardGrid
  links={[
    {
      id: "breadcrumbs",
    },
  ]}
/>
