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

feat(multi-select): add itemToName prop to customize the input name value

Browse source 
Closes #1060
This commit is contained in:
Eric Liu 2022-02-08 20:08:16 -08:00
commit c1ee60be89
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/MultiSelect/MultiSelect.svelte
View file

@ -19,6 +19,13 @@
*/ */
export let itemToString = (item) => item.text || item.id; 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}
*/
export let itemToName = (item) => item.id;
/** /**
* Set the selected ids * Set the selected ids
* @type {MultiSelectItemId[]} * @type {MultiSelectItemId[]}
@ -491,7 +498,7 @@
tabindex="-1" tabindex="-1"
id="checkbox-{item.id}" id="checkbox-{item.id}"
title="{useTitleInItem ? itemToString(item) : undefined}" title="{useTitleInItem ? itemToString(item) : undefined}"
name="{itemToString(item)}" name="{itemToName(item)}"
labelText="{itemToString(item)}" labelText="{itemToString(item)}"
checked="{item.checked}" checked="{item.checked}"
disabled="{disabled}" disabled="{disabled}"