Divider

DaisyUI

Divider is used to separate content vertically or horizontally.

Basic Divider
With Text
OR
Colors

Different semantic colors.

Primary
Secondary
Accent
Success
Vertical

Vertical divider between content.

Content Left
Content Right
Placement

Text alignment: start, center, end.

Start
Center
End
Code Example
use rsxui::components::{Divider, Color};
use rsx_macros::rsx;
let html = rsx! {
    <Divider />
};
// With text and color
let html = rsx! {
    <Divider text="OR" color={Color::Primary} />
};