# Shadcn Rotating Arrow

> Accordion with rotating arrow indicator

- Type: example, free and open source (MIT)
- Component: [Accordion](https://reui.io/components/accordion.md)
- Page: https://reui.io/components/accordion/c-accordion-10
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/accordion.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/accordion.md
- MCP: `get_example("c-accordion-10")`
- Registry item: https://reui.io/r/styles/base-nova/c-accordion-10.json
- Uses: Accordion

## Best for

A chevron ahead of each question that turns to point down when open, with the answer indented under the text

## Agent notes

- Keep the class hiding `accordion-trigger-icon` on `AccordionTrigger`, or the default chevrons show next to the `ChevronRightIcon`

## When not to use

- Answers that can stay open together, marked by a plus and minus: use [Plus Minus Icons](https://reui.io/components/accordion/c-accordion-2.md) (`get_example("c-accordion-2")`)

## Install

```bash
npx shadcn@latest add @reui/c-accordion-10
```

## About Shadcn Accordion

### When to use

- Help and FAQ sections where each question opens its own answer
- Settings, plans, product details and onboarding steps grouped into sections that expand on demand
- Lists of people or records that open to show detail, such as team members and roles

### When not to use

- One block of extra content shown and hidden by a single trigger: use [Collapsible](https://reui.io/components/collapsible.md) (`get_component("collapsible")`)
- A complete questions section for a landing page, with heading and support prompt: use the [FAQ blocks](https://reui.io/blocks/marketing/faq.md)
- Switching between views of the same space where exactly one is always shown: use [Tabs](https://reui.io/components/tabs.md) (`get_component("tabs")`)

### Agent notes

- The base twin takes `multiple` and an array `defaultValue`; the radix twin takes `type`, and `defaultValue` is a string only when `type` is single
- A closed `AccordionContent` ships no text in the server HTML of either twin unless kept mounted, so crawlers without JS never read it

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.