glizzy - v0.1.0

ui/color_slider

Types

Msg

</>

Messages for color slider keyboard navigation

pub type Msg {
  Increase
  Decrease
  SetMin
  SetMax
  IncreaseLarge
  DecreaseLarge
}

Constructors 

  • Increase
  • Decrease
  • SetMin
  • SetMax
  • IncreaseLarge
  • DecreaseLarge

Variant

</> 
pub type Variant {
  Default
  Muted
}

Constructors 

  • Default
  • Muted

Values

aria_label

</> 
pub fn aria_label(label: String) -> attribute.Attribute(a)

aria_valuenow

</> 
pub fn aria_valuenow(hue: Float) -> attribute.Attribute(a)

color_slider

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

hsl_to_hex

</> 
pub fn hsl_to_hex(h: Float, s: Float, l: Float) -> String

keymap

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

Keymap for color slider keyboard navigation

Keyboard interactions:

  • Arrow Right/Up: Increase hue value
  • Arrow Left/Down: Decrease hue value
  • Home: Minimum value (0)
  • End: Maximum value (360)
  • PageUp: Large increment (+10)
  • PageDown: Large decrement (-10)

Follows WAI-ARIA Slider pattern.

max

</> 
pub fn max(hue: Float) -> attribute.Attribute(a)

min

</> 
pub fn min(hue: Float) -> attribute.Attribute(a)

size

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

slider_input

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

thumb

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

thumb_color

</> 
pub fn thumb_color(hue: Float) -> attribute.Attribute(a)

thumb_position

</> 
pub fn thumb_position(hue: Float) -> String

track

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

value

</> 
pub fn value(hue: Float) -> attribute.Attribute(a)

variant

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