import {
  CardsIcon,
  FolderTreeIcon,
  IdCardIcon,
  OneIcon,
  TableIcon,
  WarningIcon
} from '@components/icons'
import { Cards } from 'nextra/components'

# Built-ins

Nextra includes a couple of built-in components that you can use to better style
your content:

<Cards>
  <Cards.Card
    icon={<WarningIcon />}
    title="Callout"
    href="/docs/guide/built-ins/callout"
  />
  <Cards.Card
    icon={<IdCardIcon />}
    title="Cards"
    href="/docs/guide/built-ins/cards"
  />
  <Cards.Card
    icon={<FolderTreeIcon />}
    title="FileTree"
    href="/docs/guide/built-ins/filetree"
  />
  <Cards.Card
    icon={<OneIcon />}
    title="Steps"
    href="/docs/guide/built-ins/steps"
  />
  <Cards.Card
    icon={<TableIcon />}
    title="Table"
    href="/docs/guide/built-ins/table"
  />
  <Cards.Card
    icon={<CardsIcon />}
    title="Tabs"
    href="/docs/guide/built-ins/tabs"
  />
</Cards>
