E
简单文档
组件特性

Card

展示标题、描述、图标和跳转链接的卡片组件。

Usage

Card Title

::card
---
icon: lucide:box
---

#title
Card Title

#description
Description

#content
Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._

#footer
Footer
::

Link

Link Card

::card
---
to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
target: _blank
# showLinkIcon: false
---

#title
Link Card

#content
Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
::

Horizontal

Horizontal Card

::card
---
icon: 'lucide:fold-horizontal'
icon-size: 26
horizontal: true
---

#title
Horizontal Card

#description
Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
::

Image

Image Card

::card
---
img: /og-nuxt.png
---
#title
Image Card

#content
Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
::

Props

title
string
Card title
description
string
Card description
content
string
Card content
footer
string
Card footer
icon
string
Card icon
horizontal
boolean
to
string
Link URL
target
Target
A target attribute value to apply on the link
iconSize
number
img
string
Image URL
showLinkIcon
boolean
Whether to show the link indicator

Callout

展示强调信息、提示和辅助说明的内容块。

Card Group

用于组织多个卡片入口的分组组件。