mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-21 12:49:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

supersead PR #1260

Browse source
This commit is contained in:
davideraccagni 2022-04-20 23:47:29 +02:00
commit 451de06dd0
4 changed files with 70 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

23
examples/sveltekit/src/routes/index.svelte
View file

@ -1,11 +1,10 @@
<script>
import { Button, truncate, breakpoints } from "carbon-components-svelte";
import { Airplane } from "carbon-pictograms-svelte";
import { AutoComplete } from "carbon-components-svelte";
let selectedId = 0;
let selectedItem = undefined;
let selectedItem = undefined;
</script>
<Button>Primary button</Button>
@ -17,16 +16,16 @@
{JSON.stringify(breakpoints)}
<AutoComplete
titleText="Contact"
bind:selectedId
bind:selectedItem
placeholder="Placeholder"
items="{[
{ id: '0', text: 'Slack' },
{ id: '11', text: 'Email1' },
{ id: '12', text: 'Email2' },
{ id: '2', text: 'Fax' },
]}"
titleText="Contact"
bind:selectedId
bind:selectedItem
placeholder="Placeholder"
items="{[
{ id: '0', text: 'Slack' },
{ id: '11', text: 'Email1' },
{ id: '12', text: 'Email2' },
{ id: '2', text: 'Fax' },
]}"
/>
Selected: {selectedItem?.text} ({selectedId})