Slider

Material Design

import '@vollowx/seele/m3/slider/slider.js';

<md-slider data-aria-label="Brightness" labeled size="l" stop value="75"></md-slider>
<md-slider
  range
  ticks
  step="10"
  value-start="20" value-end="80"
  aria-label-start="Minimum price"
  aria-label-end="Maximum price"></md-slider>

`M3Slider`

Inherits Slider

Properties

name	description
`size`	Reflected string; `xs`, `s`, `m`, `l` or `xl`; `xs` by default
`stop`	Reflected boolean; show stop mark; conflict with `ticks` and `range`
`ticks`	Reflected boolean; show tick marks
`labeled`	Boolean; show value label bubble