Skip to main content

separator

Function separator 

Source
pub fn separator<S>(orientation: Orientation) -> El<S>
Expand description

A one-pixel line in token::border that runs along orientation.

A horizontal one is an <hr>, and a vertical one is a <div> with role="separator" and aria-orientation="vertical", so that a screen reader announces both as separators.

use hypersig::html::Orientation;
use hypersig::Signals;
use hypersig_ui::separator;
use serde::{Deserialize, Serialize};

#[derive(Signals, Serialize, Deserialize)]
struct App {}

let line = separator::<App>(Orientation::Vertical);
assert!(line.render().contains(r#"aria-orientation="vertical""#));