组件特性
Alert
展示提示、警告和状态信息的提醒组件。
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
Variants
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
Title
An alert with a title.
::alert{title="Title" icon="lucide:layout-list"}
An alert with a title.
::
Props
title
string
Alert title
icon
string
Alert icon
type
'default' | 'info' | 'warning' | 'success' | 'danger' | 'secondary'
to
string
Link URL
target
Target
A
target attribute value to apply on the linkexternal
boolean
Alias to
target='_blank'showLinkIcon
boolean
Whether to show the link indicator