组件特性

Button Link

用按钮样式呈现链接操作的内容组件。

Usage

::button-link{right-icon="lucide:arrow-up-right" color="secondary" to="/docs/简单文档" target="_blank"}
  Get Started
::
::button-link{left-icon="lucide:github" variant="outline" to="https://github.com/ZTL-UwU/shadcn-docs-nuxt" target="_blank"}
  GitHub
::
::button-link{left-icon="lucide:ghost" variant="ghost" href="https://github.com/ZTL-UwU/shadcn-docs-nuxt" blank}
  Ghost
::

Props

variant
'solid' | 'outline' | 'ghost' | 'link' | 'soft'
size
'xs' | 'sm' | 'md' | 'lg' | 'xl'
color
'primary' | 'secondary' | 'neutral' | 'success' | 'info' | 'warning' | 'error'
leftIcon
string
Icon on the left
rightIcon
string
Icon on the right
to
string
Link URL
href
string
Alias to to
target
Target
A target attribute value to apply on the link
blank
boolean
Alias to target='_blank'