Alert

Docus
Source

Usage

::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](/).
::

Link

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

Variants

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

Title

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

Props

titlestring
Alert title
iconstring
Alert icon
type'default' | 'info' | 'warning' | 'success' | 'danger' | 'secondary'
'default'
tostring
Link URL
targetTarget
A target attribute value to apply on the link
externalboolean
Alias to target='_blank'
showLinkIconboolean
true
Whether to show the link indicator
Edit this page
Prose Components
A showcase of all shadcn-docs prose components.
Badge