Collapse

DaisyUI

Collapse is used for showing and hiding content.

Basic Collapse

Click to toggle content visibility.

Click to open/close

This is the collapsible content.

With Arrow

Arrow indicator showing open/close state.

With arrow icon

This collapse has an arrow indicator.

With Plus

Plus/minus indicator.

With plus icon

This collapse has a plus/minus indicator.

Open by Default

Collapse that starts open.

Open by default

This collapse is open by default.

Code Example

use rsxui::components::{Collapse, CollapseTitle, CollapseContent};

use rsx_macros::rsx;

let html = rsx! {

    <Collapse>

        <CollapseTitle>"Title"</CollapseTitle>

        <CollapseContent>"Content"</CollapseContent>

    </Collapse>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026