Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Separator

Visually or semantically separates content.

Features

  • Supports horizontal and vertical orientations.

Installation

Install the component from your command line.

cargo add radix-leptos-separator

Anatomy

Import the component.

use leptos::*;
use radix_leptos_separator::*;

#[component]
fn Anatomy() -> impl IntoView {
    view! {
        <Separator />
    }
}

API Reference

Root

The separator.

PropTypeDefault
as_childMaybeProp<bool>false
orientationMaybeProp<Orientation>Orientation::Horizontal
decorativeMaybeProp<bool>false
Data attributeValues
[data-orientation]"horizontal" | "vertical"

Accessibility

Adheres to the separator role requirements.

See Also