Select

person Name

restaurant Fruit

pets Pets *

euro_symbol Incomes

hotel Sleeping?

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

person Name

restaurant Fruit

pets Pets *

euro_symbol Incomes

hotel Sleeping?

Pour obtenir un gros Select, on ajoute le paramètre big.

<Select 
    big
    required
    icon="pets" 
    label="Select me" 
    {options}
    bind:value={form.selectMe}
/>