Select (Combobox)

				
<Select.Container slot="component">
    <Select.Trigger class="SelectTrigger" aria-label="Food">
        <Select.Value placeholder="Select a fruit…" />
        <Select.Icon class="SelectIcon">+</Select.Icon>
    </Select.Trigger>
    <Select.Content class="SelectContent">
        <Select.Up class="SelectScrollButton">+</Select.Up>
        <Select.Viewport class="SelectViewport">
            <Select.Group>
                <Select.Label class="SelectLabel">Fruits</Select.Label>

                <SelectItem value="apple">Apple</SelectItem>
                <SelectItem value="banana">Banana</SelectItem>
                <SelectItem value="blueberry">Blueberry</SelectItem>
                <SelectItem value="grapes">Grapes</SelectItem>
                <SelectItem value="pineapple">Pineapple</SelectItem>
            </Select.Group>

            <Select.Separator class="SelectSeparator" />

            <Select.Group>
                <Select.Label class="SelectLabel">Vegetables</Select.Label>
                <SelectItem value="aubergine">Aubergine</SelectItem>
                <SelectItem value="broccoli">Broccoli</SelectItem>
                <SelectItem value="carrot">Carrot</SelectItem>
                <SelectItem value="courgette">Courgette</SelectItem>
                <SelectItem value="leek">leek</SelectItem>
            </Select.Group>

            <Select.Separator class="SelectSeparator" />

            <Select.Group>
                <Select.Label class="SelectLabel">Meat</Select.Label>
                <SelectItem value="beef">Beef</SelectItem>
                <SelectItem value="chicken">Chicken</SelectItem>
                <SelectItem value="lamb">Lamb</SelectItem>
                <SelectItem value="pork">Pork</SelectItem>
            </Select.Group>
        </Select.Viewport>
        <Select.Down class="SelectScrollButton">+</Select.Down>
    </Select.Content>
</Select.Container>