mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 19:01:05 +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

2
COMPONENT_INDEX.md
View file

@ -2367,7 +2367,7 @@ export interface MultiSelectItem {
| items | No | <code>let</code> | Yes | <code>ReadonlyArray<MultiSelectItem></code> | <code>[]</code> | Set the multiselect items | | items | No | <code>let</code> | Yes | <code>ReadonlyArray<MultiSelectItem></code> | <code>[]</code> | Set the multiselect items |
| itemToString | No | <code>let</code> | No | <code>(item: MultiSelectItem) => any</code> | <code>(item) => item.text &#124;&#124; item.id</code> | Override the display of a multiselect item | | itemToString | No | <code>let</code> | No | <code>(item: MultiSelectItem) => any</code> | <code>(item) => item.text &#124;&#124; item.id</code> | Override the display of a multiselect item |
| itemToInput | No | <code>let</code> | No | <code>(item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; value?: string }</code> | <code>(item) => {}</code> | Override the item name, title, labelText, or value passed to the user-selectable checkbox input as well as the hidden inputs. | | itemToInput | No | <code>let</code> | No | <code>(item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; value?: string }</code> | <code>(item) => {}</code> | Override the item name, title, labelText, or value passed to the user-selectable checkbox input as well as the hidden inputs. |
| size | No | <code>let</code> | No | <code>"sm" &#124; "lg" &#124; "xl"</code> | <code>undefined</code> | Set the size of the combobox | | size | No | <code>let</code> | No | <code>"sm" &#124; "lg"</code> | <code>undefined</code> | Set the size of the combobox |
| type | No | <code>let</code> | No | <code>"default" &#124; "inline"</code> | <code>"default"</code> | Specify the type of multiselect | | type | No | <code>let</code> | No | <code>"default" &#124; "inline"</code> | <code>"default"</code> | Specify the type of multiselect |
| direction | No | <code>let</code> | No | <code>"bottom" &#124; "top"</code> | <code>"bottom"</code> | Specify the direction of the multiselect dropdown menu | | direction | No | <code>let</code> | No | <code>"bottom" &#124; "top"</code> | <code>"bottom"</code> | Specify the direction of the multiselect dropdown menu |
| selectionFeedback | No | <code>let</code> | No | <code>"top" &#124; "fixed" &#124; "top-after-reopen"</code> | <code>"top-after-reopen"</code> | Specify the selection feedback after selecting items | | selectionFeedback | No | <code>let</code> | No | <code>"top" &#124; "fixed" &#124; "top-after-reopen"</code> | <code>"top-after-reopen"</code> | Specify the selection feedback after selecting items |

26
docs/src/COMPONENT_API.json
View file

@ -3642,6 +3642,30 @@
"constant": false, "constant": false,
"reactive": 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", "name": "tabindex",
"kind": "let", "kind": "let",
@ -7019,7 +7043,7 @@
"name": "size", "name": "size",
"kind": "let", "kind": "let",
"description": "Set the size of the combobox", "description": "Set the size of the combobox",
"type": "\"sm\" | \"lg\" | \"xl\"", "type": "\"sm\" | \"lg\"",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,

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

@ -140,9 +140,9 @@ Set `direction` to `"top"` for the dropdown menu to appear above the input.
{id: "2", text: "Fax"}]}" {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"}, items="{[{id: "0", text: "Slack"},
{id: "1", text: "Email"}, {id: "1", text: "Email"},
{id: "2", text: "Fax"}]}" {id: "2", text: "Fax"}]}"

2
src/MultiSelect/MultiSelect.svelte
View file

@ -38,7 +38,7 @@
/** /**
* Set the size of the combobox * Set the size of the combobox
* @type {"sm" | "lg" | "xl"} * @type {"sm" | "lg"}
*/ */
export let size = undefined; export let size = undefined;

2
tests/MultiSelect.test.svelte
View file

@ -104,7 +104,7 @@
/> />
<MultiSelect <MultiSelect
size="xl" size="lg"
titleText="Contact" titleText="Contact"
label="Select contact methods..." label="Select contact methods..."
items="{[ items="{[

2
types/MultiSelect/MultiSelect.svelte.d.ts vendored
View file

@ -53,7 +53,7 @@ export interface MultiSelectProps extends RestProps {
* Set the size of the combobox * Set the size of the combobox
* @default undefined * @default undefined
*/ */
size?: "sm" | "lg" | "xl"; size?: "sm" | "lg";
/** /**
* Specify the type of multiselect * Specify the type of multiselect

12
types/Tile/ExpandableTile.svelte.d.ts vendored
View file

@ -40,6 +40,18 @@ export interface ExpandableTileProps extends RestProps {
*/ */
tileExpandedIconText?: string; tileExpandedIconText?: string;
/**
* Specify the icon label of the expanded tile
* @default ""
*/
tileExpandedLabel?: string;
/**
* Specify the icon label of the collapsed tile
* @default ""
*/
tileCollapsedLabel?: string;
/** /**
* Specify the tabindex * Specify the tabindex
* @default "0" * @default "0"