Select
Les options sont passées en paramètre sous forme d’un tableau d’objets ou de chaînes. Seule la propriété value
est requise.
La propriété value
peut être de type string
, number
ou boolean
.
<script>
import { Select } from 'gros/form'
const form = { selectMe: null }
const options = [
{ value: 'test' },
{ value: true, label: `It is true` },
{ value: 5000, label: '(4 * 1000) + 8000 - 7000', icon: 'local_florist' }
]
// ou
// const options = [ 'test', true, 5000 ]
</script>
<Select
required
icon="pets"
label="Select me"
{options}
bind:value={form.selectMe}
/>
param | default | required |
---|---|---|
options | undefined | true |
value | ” | false |
multiple | false | false |
values | [] | false |
icon | undefined | false |
label | ” | false |
required | false | false |
field | undefined | false |
errors | undefined | false |
big | false | false |
Gros formulaire
Pour obtenir un gros Select
, on ajoute le paramètre big
.
<Select
big
required
icon="pets"
label="Select me"
{options}
bind:value={form.selectMe}
/>