glizzy - v0.1.0

ui/disclosure_group

Types

Msg

</>

Keyboard messages for disclosure group component.

pub type Msg {
  Toggle
  MoveNext
  MovePrev
  MoveFirst
  MoveLast
}

Constructors 

  • Toggle

    Toggle the currently focused disclosure (Enter or Space)

  • MoveNext

    Move to next disclosure (ArrowDown or ArrowRight)

  • MovePrev

    Move to previous disclosure (ArrowUp or ArrowLeft)

  • MoveFirst

    Move to first disclosure (Home)

  • MoveLast

    Move to last disclosure (End)

Size

</> 
pub type Size {
  Small
  Medium
  Large
}

Constructors 

  • Small
  • Medium
  • Large

Variant

</> 
pub type Variant {
  Default
  Muted
}

Constructors 

  • Default
  • Muted

Values

disclosure_group

</> 
pub fn disclosure_group(
  attributes: List(attribute.Attribute(a)),
  children: List(element.Element(a)),
) -> element.Element(a)

disclosure_trigger_element_id

</> 
pub fn disclosure_trigger_element_id(index: Int) -> String

Get the element ID for a disclosure trigger at the given index.

keymap

</> 
pub fn keymap(key_event: keyboard.KeyEvent) -> option.Option(Msg)

Keymap for disclosure group keyboard navigation. Follows WAI-ARIA accordion pattern:

  • ArrowDown/ArrowRight: Move to next disclosure
  • ArrowUp/ArrowLeft: Move to previous disclosure
  • Home: Move to first disclosure
  • End: Move to last disclosure
  • Enter/Space: Toggle the currently focused disclosure

size

</> 
pub fn size(s: Size) -> attribute.Attribute(a)

variant

</> 
pub fn variant(v: Variant) -> attribute.Attribute(a)
✨ Search Document