提示

A default alert with code and a link.

A secondary alert with code and a link.

::alert{icon="lucide:info"}
  A **default** alert with `code` and a [link](/).
::

::alert{type="secondary" icon="lucide:info"}
  A **secondary** alert with `code` and a [link](/).
::

链接

A link alert.

::alert{to="https://github.com/ZTL-UwU/shadcn-docs-nuxt" target="_blank" icon="lucide:link"}
  A **link** alert.
::

变体

An info alert with code and a link.

::alert{type="info" icon="lucide:info"}
  An **info** alert with `code` and a [link](/).
::

A note alert with code and a link.

::alert{type="note" icon="lucide:pencil"}
  A **note** alert with `code` and a [link](/).
::

A success alert with code and a link.

::alert{type="success" icon="lucide:lightbulb"}
  A **success** alert with `code` and a [link](/).
::

An example alert with code and a link.

::alert{type="example" icon="lucide:test-tube"}
  An **example** alert with `code` and a [link](/).
::

A warning alert with code and a link.

::alert{type="warning" icon="lucide:triangle-alert"}
  A **warning** alert with `code` and a [link](/).
::

A danger alert with code and a link.

::alert{type="danger" icon="lucide:circle-x"}
  A **danger** alert with `code` and a [link](/).
::

标题

Title

An alert with a title.

::alert{title="Title" icon="lucide:layout-list"}
  An alert with a title.
::

属性

titlestring

Alert title

iconstring

Alert icon

'default'

tostring

链接 URL

targetTarget

在链接上应用的 target 属性值

externalboolean

target='_blank' 的别名

showLinkIconboolean

true

是否显示链接指示图标

本页目录

使用
属性

在 GitHub 上 Star 创建一个 Issue

提示

使用

链接

变体

标题

Title

属性