Code Button

Source
1.2.1

Usage

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

Variants

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

Custom Copy Icon

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

Props

codestring
Code content to copy
iconstring
Icon displayed before code
variant'default' | 'secondary' | 'destructive' | 'outline'
'outline'
Button variant
widthnumber
Button width in pixels
copyIconstring
'lucide:copy'
Icon shown before copying
Edit this page
Card Group
Code Group