mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 11:36:36 +00:00
29 lines
512 B
Svelte
29 lines
512 B
Svelte
<script>
|
|
import { ComboBox } from "carbon-components-svelte";
|
|
</script>
|
|
|
|
<ComboBox
|
|
titleText="Contact"
|
|
placeholder="Select contact method"
|
|
items="{[
|
|
{ id: '0', text: 'Slack' },
|
|
{ id: '1', text: 'Email' },
|
|
{ id: '2', text: 'Fax' },
|
|
]}"
|
|
let:item
|
|
let:index
|
|
>
|
|
<div>
|
|
<strong>{item.text}</strong>
|
|
</div>
|
|
<div>
|
|
id: {item.id} - index:
|
|
{index}
|
|
</div>
|
|
</ComboBox>
|
|
|
|
<style>
|
|
:global(.bx--list-box__menu-item, .bx--list-box__menu-item__option) {
|
|
height: auto;
|
|
}
|
|
</style>
|