glizzy - v0.1.0

ui/chip

Types

Msg

</>

Messages for chip keyboard navigation

pub type Msg {
  MoveNext
  MovePrev
  MoveFirst
  MoveLast
  Remove
  Activate
}

Constructors 

  • MoveNext
  • MovePrev
  • MoveFirst
  • MoveLast
  • Remove
  • Activate

Size

</> 
pub type Size {
  Small
  Medium
  Large
}

Constructors 

  • Small
  • Medium
  • Large

Variant

</> 
pub type Variant {
  Default
  Secondary
  Outline
}

Constructors 

  • Default
  • Secondary
  • Outline

Values

chip

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

chip_group

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

icon

</> 
pub fn icon() -> attribute.Attribute(a)

keymap

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

Keymap for chip group keyboard navigation

Keyboard interactions:

  • Arrow keys: Navigate between chips
  • Delete: Remove chip
  • Enter/Space: Activate chip
  • Home: First chip
  • End: Last chip

Follows WAI-ARIA Tag Group pattern.

size

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

variant

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