Struct Listbox 

pub struct Listbox<S, T> { /* private fields */ }

A list named label whose selected option is the signal selected.

It follows the WAI-ARIA listbox pattern for a single selection. The list has role="listbox" and each option role="option" with aria-selected. Tab enters the list at the selected option, or at the first where none is selected, and the arrow keys, Home, and End move between options through El::roving_focus, selecting each as it gains focus. The ids are derived from the signal’s path and the option’s position.

use hypersig::Signals;
use hypersig_ui::Listbox;
use serde::{Deserialize, Serialize};

#[derive(Serialize, Deserialize, Clone, Copy, PartialEq)]
enum Plan {
    Hobby,
    Pro,
}

#[derive(Signals, Serialize, Deserialize)]
struct Billing {
    plan: Plan,
}

let plans = Listbox::new("Plan", Billing::plan())
    .option(Plan::Hobby, "Hobby")
    .option(Plan::Pro, "Pro");
let html = plans.render().render();
assert!(html.contains(r#"role="listbox""#));
assert!(html.contains(r#"id="ui-plan-option-1""#));

Implementations

impl<S, T: Serialize + PartialEq> Listbox<S, T>

pub fn new(label: impl Into<String>, selected: Sig<S, T>) -> Self

An empty list named label for assistive technology.

pub fn option(self, value: T, title: impl Into<String>) -> Self

Adds an option labeled title that selects value.

pub fn render(self) -> El<S>

The list and its options.

Trait Implementations

impl<S: Debug, T: Debug> Debug for Listbox<S, T>

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl<S, T: Serialize + PartialEq> From<Listbox<S, T>> for El<S>

fn from(listbox: Listbox<S, T>) -> Self

Converts to this type from the input type.

impl<S, T: Serialize + PartialEq> From<Listbox<S, T>> for Node<S>

fn from(listbox: Listbox<S, T>) -> Self

Converts to this type from the input type.