Accordion

A vertically stacked set of sections that can be expanded or collapsed. Built on Radix UI Accordion.

Kenting's crescent South Bay and the peninsula's everyday beach break — mellow, forgiving walls at first light that most local surfers count as their first wave.

Multiple Open

Use type="multiple" to allow several items open at once:

The first paddle-out of the day, timed to glassy water before the sea breeze wakes: leave Hengchun in the dark, be in the lineup at first light.

A driftwood-and-sugar-factory surf town up the coast in Taitung, where the point serves long, forgiving rights and the lineup is half locals, half wanderers.

Installation

Props

PropTypeDefaultDescription
type*
"single" | "multiple"Whether one or multiple items can be open at a time.
value
string | string[]Controlled value(s) of open items.
onValueChange
(value: string | string[]) => voidCallback when open items change.
defaultValue
string | string[]Uncontrolled default open items.
collapsible
booleanfalseWhen type='single', allows closing the open item by clicking its trigger.