Collapse & Accordion

Collapsible panels and accordion groups for toggling content visibility.

Basic Collapse

Toggle visibility with a button.

Multiple Targets

One button can toggle multiple elements.

Collapse Panels

Individual collapsible panels with headers.

Farzad UI is a unified component library built for all Farzad platforms. It provides consistent design tokens, components, and patterns.

Accordion

Only one item open at a time.

This is the content for the first accordion item. When you open another item, this one will automatically close. Only one panel can be open at a time.

Colored Accordion

Accordion with colored header backgrounds.

Content related to successful operations and confirmations.

Nested Accordion

Accordion within an accordion.

Content for nested item A. Nested accordions allow for deep content organization.