代码按钮

使用


:code-button{code="npm create nuxt@latest" icon="lucide:terminal"}
:code-button{code="npx nuxi@latest module add @nuxt/content" icon="lucide:package-plus"}

变体

:code-button{code="pnpm i" variant="outline"}

自定义复制图标

:code-button{code="pnpm dlx shadcn-vue@latest add button" icon="lucide:wand-sparkles" copyIcon="lucide:clipboard" width="420"}

属性

codestring
要复制的代码内容
iconstring
显示在代码前的图标
variant'default' | 'secondary' | 'destructive' | 'outline'
'outline'
按钮变体
widthnumber
按钮宽度(像素)
copyIconstring
'lucide:copy'
复制前显示的图标