fix(list-box): remove stopPropagation clikc modifier

This commit is contained in:
Eric Liu 2020-11-21 06:06:50 -08:00
commit b6036f889d
7 changed files with 137 additions and 1 deletions

View file

@ -0,0 +1,44 @@
<script>
import { MultiSelect } from "carbon-components-svelte";
const items = [
{ id: "0", text: "Slack" },
{ id: "1", text: "Email" },
{ id: "2", text: "Fax" },
];
let multiselect1_selectedIds = ["0"];
let multiselect2_selectedIds = ["1", "2"];
const formatSelected = (i) =>
i.length === 0
? "N/A"
: i.map((id) => items.find((item) => item.id === id).text).join(", ");
$: primary = formatSelected(multiselect1_selectedIds);
$: secondary = formatSelected(multiselect2_selectedIds);
</script>
<style>
div {
margin: var(--cds-layout-01) 0 var(--cds-layout-03);
}
</style>
<MultiSelect
titleText="Primary contact"
bind:selectedIds="{multiselect1_selectedIds}"
label="Select contact methods..."
items="{items}"
/>
<div>Primary: {primary}</div>
<MultiSelect
titleText="Secondary contact"
bind:selectedIds="{multiselect2_selectedIds}"
label="Select contact methods..."
items="{items}"
/>
<div>Secondary: {secondary}</div>