glaze/basecoat/slider

Basecoat documentation: https://basecoatui.com/components/slider/

Range slider helpers built on <input type="range">.

Use sliders when you need to pick a numeric value within a bounded range.

Recipe

import glaze/basecoat/slider

fn volume_slider() {
  slider.slider([
    slider.min(0),
    slider.max(100),
    slider.value(50),
  ])
}

Values

pub fn disabled() -> attribute.Attribute(msg)
pub fn id(id: String) -> attribute.Attribute(msg)
pub fn max(val: Int) -> attribute.Attribute(msg)
pub fn min(val: Int) -> attribute.Attribute(msg)
pub fn name(n: String) -> attribute.Attribute(msg)
pub fn slider(
  attrs: List(attribute.Attribute(msg)),
) -> element.Element(msg)
pub fn step(val: Int) -> attribute.Attribute(msg)
pub fn value(val: Int) -> attribute.Attribute(msg)
Search Document