DaisyUI Kit 🌼

Components

The Collapse components include the following:

  • Collapse - shows and hides content behind a title.
  • CollapseTitle - goes inside the Collapse and toggles the state when clicked.
  • CollapseContent - holds content and will display when the Collapse is open.

Collapse

The main Collapse component. Can be used standalone or inside an Accordion. Supports arrow/plus styles, controlled open/close, and toggle mode.

CollapseTitle

The title/header area for the Collapse. Clicking toggles open/close. Place inside a Collapse component.

CollapseContent

The collapsible content area. Place inside a Collapse component. Only visible when open.

DaisyUI Kit 🌼