Divider

A visual separator between sections of content. Supports horizontal and vertical orientation.

Primitive: SeparatorARIA: role="separator"
Content above
Content below
Left
Right
divider.rs
use stratum_leptos::*;

view! {
    <Text>"Content above"</Text>
    <Divider />
    <Text>"Content below"</Text>

    // Vertical
    <HStack>
        <Text>"Left"</Text>
        <Divider orientation=Orientation::Vertical />
        <Text>"Right"</Text>
    </HStack>
}

Installation

stratum add divider

Props

PropTypeDefaultDescription
orientationOrientationHorizontalDirection: Horizontal, Vertical
decorativebooltrueIf true, uses role="none" (purely visual)

Accessibility

  • When decorative=false: role="separator" with aria-orientation.
  • When decorative=true: role="none" (invisible to screen readers).

Source

Styled: divider.rs