Separated cards

Each item is a bordered card with spacing between them.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/accordion-05

Files

• registry/patterns/accordion/accordion-05.tsx
• src/components/ui/accordion.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Accordion Components
• React Accordion Components
• Tailwind CSS Accordion Components
• Animated Accordion Components
• shadcn/ui Accordion Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• shadcn/ui Data Display Components

More from FLX UI

• Basic
• Multiple
• With icons
• FAQ
• Plus / minus icon
• Left chevron
• Rich content
• Disabled item
• Nested
• Ghost
• Filled trigger
• Expand all