mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
21 lines
697 B
Svelte
21 lines
697 B
Svelte
<script lang="ts">
|
|
import {
|
|
Select,
|
|
SelectItem,
|
|
SelectItemGroup,
|
|
} from "carbon-components-svelte";
|
|
|
|
export let selected: string | number | undefined = undefined;
|
|
</script>
|
|
|
|
<Select bind:selected data-testid="select-group">
|
|
<SelectItem value="default" text="Choose an option" disabled hidden />
|
|
<SelectItemGroup label="Category 1" data-testid="group-1">
|
|
<SelectItem value="option-1" text="Option 1" />
|
|
<SelectItem value="option-2" text="Option 2" />
|
|
</SelectItemGroup>
|
|
<SelectItemGroup label="Category 2" data-testid="group-2">
|
|
<SelectItem value="option-3" text="Option 3" />
|
|
<SelectItem value="option-4" text="Option 4" />
|
|
</SelectItemGroup>
|
|
</Select>
|