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

Merge upstream

Browse source
This commit is contained in:
davideraccagni 2022-04-20 18:35:37 +02:00
commit e5b5fdb984
27 changed files with 1142 additions and 1031 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,21 +1,32 @@
<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>
<Airplane />
<div use:truncate>Text...</div>
{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})