mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-22 05:03:44 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(multi-select): add itemToInput to allow customizing name/title/labelText

Browse source
This commit is contained in:
Eric Liu 2022-02-10 07:11:15 -08:00
commit 0f7349eff5
4 changed files with 53 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/MultiSelect/MultiSelect.svelte
View file

@ -20,11 +20,10 @@
export let itemToString = (item) => item.text || item.id;
/**
* Override the input name attribute of a multiselect item.
* Defaults to using the item id
* @type {(item: MultiSelectItem) => any}
* Override the item name, title, labelText passed to the checkbox input
* @type {(item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; }}
*/
export let itemToName = (item) => item.id;
export let itemToInput = (item) => {};
/**
* Set the selected ids
@ -494,12 +493,13 @@
}}"
>
<Checkbox
name="{item.id}"
labelText="{itemToString(item)}"
title="{useTitleInItem ? itemToString(item) : undefined}"
{...itemToInput(item)}
readonly
tabindex="-1"
id="checkbox-{item.id}"
title="{useTitleInItem ? itemToString(item) : undefined}"
name="{itemToName(item)}"
labelText="{itemToString(item)}"
checked="{item.checked}"
disabled="{disabled}"
on:blur="{() => {