Docs Components
The Badges under each component title marks compatibility with other doc templates.
Alert
Callout
::callout
is an alias to ::alert
.
Read More
Badge
Code Group
::code-group
is a wrapper around ::tabs{variant="card"}
.
Card
Card Group
Icon
The icon component uses Nuxt Icon under the hood. Check out the usage guide from Nuxt Icon.
If you want to use other icons, it is highly recommended to install them locally, which is faster and more reliable on both SSR and client-side.
@iconify-json/lucide
is installed by default.
Smart Icon
You can put iconify icons, emojis and urls in smart-icon
. Smart icon will render them automatically.
Iconify
Emojis
URL
Steps
Get Starter Template
Alternatively, you can clone or download the template from the GitHub repo.
Install Dependencies
Development Server
Multi-level headings
Field
'default'
The text required
is configurable in main.fieldRequiredText
.
Field Group
true
Tabs
Default Style
Card Style
Page Components
Hero
Effortless and Beautiful
Docs Template.
Beautifully designed Nuxt Content template with shadcn-vue. Customizable. Compatible. Open Source.
HeroAlt
Build your component library
Beautifully designed components that you can copy and paste into your apps.
Accordion
The value
prop in ::accordion-item
is auto-generated by default. You can set them to other unique values and put them in the default-value
prop of ::accordion
.