Range
1 valeur :
<script>
import { Range } from 'gros/form'
let value = [14]
</script>
<Range bind:value min={0} max={50} step={0.1} suffix="kg"/>
Plage de valeurs :
<script>
import { Range } from 'gros/form'
let range = [25, 75]
</script>
<Range bind:value={range} min={0} max={100} suffix="%"/>
| param | default | required |
|---|---|---|
| value | undefined | true |
| min | 0 | false |
| max | 100 | false |
| step | 1 | false |
| tooltip | true | false |
| pips | false | false |
| suffix | ” | false |
| prefix | ” | false |
| big | false | false |
Gros
On ajoute le paramètre big au composant Range.
<script>
import { Range } from 'gros/form'
let range = [25, 75]
</script>
<Range bind:value={range} min={0} max={100} suffix="%" pips big/>Pour plus de détail sur le fonctionnement des entrées de type plage de valeur, voir svelte-range-slider-pips