Slider
Slider is used to select a value by sliding a handle.
Usage
import { Slider } from 'stwui';
import Slider from 'stwui/slider';
<script lang="ts">
import { Slider } from 'stwui';
</script>
<Slider value={50} />
<script lang="ts">
import { Slider } from 'stwui';
</script>
<Slider value={20} type="info" />
<Slider value={40} type="warn" />
<Slider value={60} type="error" />
<Slider value={80} type="success" />
<script lang="ts">
import { Slider } from 'stwui';
</script>
<Slider value={20} type="info" step={25} />
<Slider value={40} type="warn" step={10} />
<script lang="ts">
import { Slider } from 'stwui';
</script>
<Slider value={20} type="info" step={25} showStep />
<Slider value={40} type="warn" step={10} showStep />
Slider Props
| value | number | 0 |
| min | number | 0 |
| max | number | 100 |
| step | number | 1 |
| showStep | boolean | false |
| type | 'info' | 'warn' | 'error' | 'success' | info |
Slider Class Identifiers
| stwui-slider-wrapper |
| stwui-slider |
