Join

DaisyUI

Join is a container for grouping multiple items. It applies border radius to the first and last item.

Button Join

Group buttons together.

Vertical Join

Stack items vertically.

Input + Button Join

Combine inputs and buttons.

Code Example

use rsxui::components::Join;

use rsx_macros::rsx;

let html = rsx! {

    <Join>

        <button class="btn join-item">"One"</button>

        <button class="btn join-item">"Two"</button>

    </Join>

};

// Vertical

let html = rsx! {

    <Join vertical={true}>

        <button class="btn join-item">"A"</button>

        <button class="btn join-item">"B"</button>

    </Join>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026