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}
/>

paramdefaultrequired
optionsundefinedtrue
valuefalse
multiplefalsefalse
values[]false
iconundefinedfalse
labelfalse
requiredfalsefalse
fieldundefinedfalse
errorsundefinedfalse
bigfalsefalse


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}
/>