Nextra 中文文档
Nextra 指南
内置组件
Cards

Cards 卡片组件

示例

提示选项卡步骤

用法

Markdown
import { Cards, Card } from 'nextra/components'
import { CardsIcon, OneIcon, WarningIcon } from '../../icons'
 
<Cards>
  <Card icon={<WarningIcon />} title="提示" href="/docs/guide/built-ins/callout" />
  <Card icon={<CardsIcon />} title="选项卡" href="/docs/guide/built-ins/tabs" />
  <Card icon={<OneIcon />} title="步骤" href="/docs/guide/built-ins/steps" />
</Cards>
TabsSteps