Accordion

Sections that open in place: row headers with a chevron; the panel grows to its content on the settle spring while the shared chevron morphs from right to down on settle, and leaves on release.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/accordion/accordion.tsx
• packages/metalui/src/icons/MorphIcon.tsx
• packages/metalui/src/icons/morph.ts
• packages/metalui/src/icons/morph.generated.ts
• packages/metalui/src/motion/reduced.ts
• packages/metalui/src/motion/springs.generated.ts

Source

https://github.com/vijayksingh/metalui

Categories

• Accordion Components
• React Accordion Components
• Tailwind CSS Accordion Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components

More from Metal UI

• Alert dialog
• Attachment
• Avatar
• AI composer
• Availability picker
• Settings
• Share panel
• Block silhouette
• Studio week
• Task inbox
• Breadcrumbs
• Brush cursor