卡片

Nuxt UI Pro
Docus
源代码

使用

Card Title

Description

Beautifully designed Nuxt Content template with shadcn-vue. Customizable. Compatible. Open Source.
Footer 
::card
---
icon: lucide:box
---

#title
Card Title

#description
Description

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

#footer
Footer
::

链接

::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 Card

Beautifully designed Nuxt Content template with shadcn-vue. Customizable. Compatible. Open Source. 

::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 Card

Beautifully designed Nuxt Content template with shadcn-vue. Customizable. Compatible. Open Source.
::card
---
img: /og-nuxt.png
---
#title
Image Card

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

属性

titlestring
卡片标题
descriptionstring
卡片描述
contentstring
卡片内容
footerstring
卡片页脚
iconstring
卡片图标
horizontalboolean
false
tostring
链接 URL
targetTarget
在链接上应用的 target 属性值
iconSizenumber
24
imgstring
图片 URL
showLinkIconboolean
true
是否显示链接指示图标
编辑此页面
标注
卡片组