Struct Accordion 

pub struct Accordion<S> { /* private fields */ }

A stack of sections, each a native <details> whose <summary> opens and closes it.

The browser handles the keyboard and announces each summary as a button that is expanded or collapsed, and the find-in-page search opens a closed section that holds a match. An exclusive accordion gives its sections one name, so the browser closes the open one when another opens.

use hypersig::Signals;
use hypersig::html::p;
use hypersig_ui::Accordion;
use serde::{Deserialize, Serialize};

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

let faq = Accordion::<Faq>::exclusive("faq")
    .item("Is it accessible?", p().text("It follows the WAI-ARIA patterns."))
    .item("Is it styled?", p().text("It looks like shadcn/ui."));
assert!(faq.render().render().contains(r#"name="faq""#));

Implementations

impl<S> Accordion<S>

pub fn new() -> Self

An accordion whose sections open and close independently.

pub fn exclusive(name: &'static str) -> Self

An accordion that keeps at most one section open, grouped by name.

Sections with the same name close each other wherever they are on the page, as radio buttons with one name do, and nothing checks that each name is used once.

Panics

Panics if name is empty or holds a character other than an ASCII letter, digit, -, or _.

pub fn item(self, title: impl Into<String>, content: impl Into<Node<S>>) -> Self

Adds a section titled title whose content is content.

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

The sections, in a <div>.

Trait Implementations

impl<S: Debug> Debug for Accordion<S>

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

Formats the value using the given formatter.

impl<S> Default for Accordion<S>

fn default() -> Self

Returns the “default value” for a type.

impl<S> From<Accordion<S>> for El<S>

fn from(accordion: Accordion<S>) -> Self

Converts to this type from the input type.

impl<S> From<Accordion<S>> for Node<S>

fn from(accordion: Accordion<S>) -> Self

Converts to this type from the input type.