---
title: "ProseAccordion"
description: "Create expandable content sections for better information organization."
canonical_url: "https://vinicunca.dev/pohon/typography/accordion"
---
# ProseAccordion

> Create expandable content sections for better information organization.

## Usage

Use the `accordion` and `accordion-item` components to display an [Accordion](https://vinicunca.dev/pohon/components/accordion) in your content.

```mdc
::accordion
---
defaultValue:
  - '1'
---

::accordion-item{label="Is Pohon UI free to use?" icon="i-lucide-circle-help"}
Yes! Pohon UI is completely free and open source under the MIT license. All 125+ components are available to everyone.
::

::accordion-item{label="Can I use Pohon UI with Vue without Nuxt?" icon="i-lucide-circle-help"}
Yes! While optimized for Nuxt, Pohon UI works perfectly with standalone Vue projects via our Vite plugin. You can follow the [installation guide](/pohon/getting-started/installation/vue) to get started.
::

::accordion-item{label="Is Pohon UI production-ready?" icon="i-lucide-circle-help"}
Pohon UI is designed for production Vue applications and maintained with component tests and regular updates.
::

::
```

## API

### Props

```ts
/**
 * Props for the ProseProseAccordion component
 */
interface ProseProseAccordionProps {
  type?: "single" | "multiple" | undefined;
  ui?: { root?: SlotClass; trigger?: SlotClass; } & { root?: SlotClass; item?: SlotClass; header?: SlotClass; trigger?: SlotClass; content?: SlotClass; body?: SlotClass; leadingIcon?: SlotClass; trailingIcon?: SlotClass; label?: SlotClass; } | undefined;
}
```

### Slots

```ts
/**
 * Slots for the ProseAccordion component
 */
interface ProseAccordionSlots {
  default(): any;
}
```

## Theme

```ts [app.config.ts]
export default defineAppConfig({
  ui: {
    prose: {}
  }
})
```

## Changelog

See commit history for [component](https://github.com/vinicunca/pohon/commits/main/src/runtime/components/prose/ProseAccordion.vue) and [theme](https://github.com/vinicunca/pohon/commits/main/src/theme/prose/prose-accordion.ts).

---

- [GitHub](https://github.com/vinicunca/pohon/blob/main/src/runtime/components/prose/Accordion.vue)


## Sitemap

See the full [sitemap](https://vinicunca.dev/sitemap.md) for all pages.