卡片组

Nuxt UI Pro
源代码

使用

::card-group
  ::card
  ---
  title: Components
  icon: lucide:box
  to: https://nuxt.com/docs/api/components/client-only
  target: _blank
  ---
  Explore Nuxt built-in components for pages, layouts, head, and more.
  ::

::card
---
title: Composables
icon: lucide:arrow-right-left
to: https://nuxt.com/docs/api/composables/use-app-config
target: _blank
---
Discover Nuxt composable functions for data-fetching, head management and more.
::

::card
---
title: Utils
icon: lucide:scissors
to: https://nuxt.com/docs/api/utils/dollarfetch
target: _blank
---
Learn about Nuxt utility functions for navigation, error handling and more.
::

::card
---
title: Commands
icon: lucide:square-terminal
to: https://nuxt.com/docs/api/commands/add
target: _blank
---
List of Nuxt CLI commands to init, analyze, build, and preview your application.
::

::

### 列数

::stack
::div{class="p-4"}
  ::card-group{:cols="3"}
    ::card
    ---
    title: Components
    icon: lucide:box
    to: https://nuxt.com/docs/api/components/client-only
    target: _blank
    ---
    Explore Nuxt built-in components for pages, layouts, head, and more.
    ::
    ::card
    ---
    title: Composables
    icon: lucide:arrow-right-left
    to: https://nuxt.com/docs/api/composables/use-app-config
    target: _blank
    ---
    Discover Nuxt composable functions for data-fetching, head management and more.
    ::
    ::card
    ---
    title: Utils
    icon: lucide:scissors
    to: https://nuxt.com/docs/api/utils/dollarfetch
    target: _blank
    ---
    Learn about Nuxt utility functions for navigation, error handling and more.
    ::
  ::
::
```mdc
::card-group{:cols="3"}
  ::card
  ---
  title: Components
  icon: lucide:box
  to: https://nuxt.com/docs/api/components/client-only
  target: _blank
  ---
  Explore Nuxt built-in components for pages, layouts, head, and more.
  ::

  ::card
  ---
  title: Composables
  icon: lucide:arrow-right-left
  to: https://nuxt.com/docs/api/composables/use-app-config
  target: _blank
  ---
  Discover Nuxt composable functions for data-fetching, head management and more.
  ::

  ::card
  ---
  title: Utils
  icon: lucide:scissors
  to: https://nuxt.com/docs/api/utils/dollarfetch
  target: _blank
  ---
  Learn about Nuxt utility functions for navigation, error handling and more.
  ::
::

::

属性

cols1 | 2 | 3 | 4 | 5 | 6
2
列数 (仅限桌面端)
编辑此页面
卡片
代码组