COMPONENTS / DATA DISPLAY
Accordions
Expand and collapse related explanations.
approvedv1.0.0verifiedFigma not linked
Design variations
Bordered
Minimal
Separated
Implementation
// npx github:rbillyjames0221/csc-ui init
import '@csc/ui/styles.css';
import { Accordion } from '@csc/ui';
export function Example() {
return (
<Accordion variant="bordered" />
);
}Agent prompt
Copy a prompt for this component from the AI Development Hub.
When to use it
Expand and collapse related explanations.
Dependencies: @radix-ui/react-accordion. Source: packages/ui/src/accordion.tsx. 1.0.0 — Bordered, minimal, and separated accordions.