Browse components

Accordion Chevron

Minimal accordion with a subtly animated chevron for compact FAQs and supporting details.

Add to your project

1Connect the Uniquel MCP

Connect Uniquel to your coding agent before using the component ID.

Connect MCP

2Copy the component ID

MCP ID
component:content/accordion-chevron

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSLucide

Props

PropTypeDescription
itemsAccordionChevronItem[]Accordion titles and content
defaultOpenIndexnumber | nullInitially expanded item
classNamestringStyles for the outer shell

More Content Components

Scroll Progress Indicator

A circular scroll progress indicator that doubles as a compact return-to-top control.

62%

Reading Progress

A drawn-line progress indicator with spring-smoothed scroll tracking and a fading percentage.

The quietest interfaces often carry the most conviction.
Elena Voss
Design Director, Lattice

Quote Highlight

Editorial pull quote with oversized glyph, expanding rule, and blurred fade-in.