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

chore: v11 MultiSelect

Browse source 
Size `xl` changed to `lg`.
This commit is contained in:
Gregor Wassmann 2023-03-28 19:16:32 +02:00 • committed by Enrico Sacchetti
commit c23782b161
No known key found for this signature in database
GPG key ID: 3374B89ECA60D796
7 changed files with 45 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

26
docs/src/COMPONENT_API.json
View file

@ -3642,6 +3642,30 @@
"constant": false,
"reactive": false
},
{
"name": "tileExpandedLabel",
"kind": "let",
"description": "Specify the icon label of the expanded tile",
"type": "string",
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
"isRequired": false,
"constant": false,
"reactive": false
},
{
"name": "tileCollapsedLabel",
"kind": "let",
"description": "Specify the icon label of the collapsed tile",
"type": "string",
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
"isRequired": false,
"constant": false,
"reactive": false
},
{
"name": "tabindex",
"kind": "let",
@ -7019,7 +7043,7 @@
"name": "size",
"kind": "let",
"description": "Set the size of the combobox",
"type": "\"sm\" | \"lg\" | \"xl\"",
"type": "\"sm\" | \"lg\"",
"isFunction": false,
"isFunctionDeclaration": false,
"isRequired": false,

8
docs/src/pages/components/MultiSelect.svx
View file

@ -37,7 +37,7 @@ To prevent alphabetical item ordering, pass an empty function to the `sortItem`
<MultiSelect titleText="Contact" label="Select contact methods..."
items="{[{id: "0", text: "Slack"},
{id: "1", text: "Email"},
{id: "2", text: "Fax"}]}"
{id: "2", text: "Fax"}]}"
sortItem="{() => {}}"
/>
@ -58,7 +58,7 @@ To select (or bind) items, pass an array of item ids to `selectedIds`.
<MultiSelect selectedIds="{["0", "1"]}" titleText="Contact" label="Select contact methods..."
items="{[{id: "0", text: "Slack"},
{id: "1", text: "Email"},
{id: "2", text: "Fax"}]}"
{id: "2", text: "Fax"}]}"
/>
## Multiple multi-select dropdowns
@ -140,9 +140,9 @@ Set `direction` to `"top"` for the dropdown menu to appear above the input.
{id: "2", text: "Fax"}]}"
/>
## Extra-large size
## Large size
<MultiSelect size="xl" titleText="Contact" label="Select contact methods..."
<MultiSelect size="lg" titleText="Contact" label="Select contact methods..."
items="{[{id: "0", text: "Slack"},
{id: "1", text: "Email"},
{id: "2", text: "Fax"}]}"