Skip to main content

skeleton

Function skeleton 

Source
pub fn skeleton<S>() -> El<S>
Expand description

A pulsing block in token::accent that stands in for content still loading, hidden from assistive technology.

Size it with .css. Tell a screen reader that the content is loading elsewhere, such as with aria-busy on the region it fills.

use hypersig::Signals;
use hypersig::style::Style;
use hypersig::style::value::rem;
use hypersig_ui::skeleton;
use serde::{Deserialize, Serialize};

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

let line = skeleton::<App>().css(Style::new().height(rem(1)).width(rem(12)));
assert!(line.render().contains(r#"aria-hidden="true""#));