Use the accordion and accordion-item components to display an Accordion in your content.
Yes! Nuxt UI is completely free and open source under the MIT license. All 100+ components are available to everyone.
Yes! While optimized for Nuxt, Nuxt UI works perfectly with standalone Vue projects via our Vite plugin. You can follow the installation guide to get started.
Yes! Nuxt UI is used in production by thousands of applications with extensive tests, regular updates, and active maintenance.
| Prop | Default | Type |
|---|---|---|
type |
|
|
ui |
|
| Slot | Type |
|---|---|
default |
|
export default defineAppConfig({
ui: {
prose: {
accordion: {
slots: {
root: 'my-5',
trigger: 'text-base'
}
},
accordionItem: {
base: 'pb-4 text-muted *:first:mt-0 *:last:mb-0 *:my-1.5'
}
}
}
})
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
prose: {
accordion: {
slots: {
root: 'my-5',
trigger: 'text-base'
}
},
accordionItem: {
base: 'pb-4 text-muted *:first:mt-0 *:last:mb-0 *:my-1.5'
}
}
}
})
]
})