Data Display / COMPONENT
Accordion
Kontainer expandable untuk menampilkan konten bertingkat.
import { Accordion } from "./vendor/syne-ui/index.js";TypeScript readyOrders arrive in 2–3 working days.
You can return an item within 30 days.
Interactive example · Try the controls with your mouse or keyboard.
Start with an example
Import the component and adapt it to your interface.
Example.tsxTSX
import { Accordion } from "./vendor/syne-ui/index.js";
export function Example() {
return (
<Accordion items={[{ value: "shipping", title: "Shipping", content: "Ships in 2–3 days." }, { value: "returns", title: "Returns", content: "Returns within 30 days." }]} />
);
}Make it yours
Use className and --syne-* tokens to match your design system.