diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index eb08c7fe..a16b2861 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -3320,13 +3320,13 @@ None. ### Props -| Prop name | Kind | Reactive | Type | Default value | Description | -| :-------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------- | -| ref | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the button HTML element | -| selected | let | Yes | boolean | false | Set to `true` for the switch to be selected | -| text | let | No | string | "Provide text" | Specify the switch text
Alternatively, use the named slot "text" (e.g., <span slot="text">...</span>) | -| disabled | let | No | boolean | false | Set to `true` to disable the switch | -| id | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the button element | +| Prop name | Kind | Reactive | Type | Default value | Description | +| :-------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- | +| ref | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the button HTML element | +| selected | let | Yes | boolean | false | Set to `true` for the switch to be selected | +| text | let | No | string | "Provide text" | Specify the switch text
Alternatively, use the "text" slot (e.g., <span slot="text">...</span>) | +| disabled | let | No | boolean | false | Set to `true` to disable the switch | +| id | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the button element | ### Slots diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 7cfeb99f..3dd59018 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -911,7 +911,7 @@ { "name": "text", "kind": "let", - "description": "Specify the switch text\nAlternatively, use the named slot \"text\" (e.g., ...)", + "description": "Specify the switch text\nAlternatively, use the \"text\" slot (e.g., ...)", "type": "string", "value": "\"Provide text\"", "isFunction": false, diff --git a/src/ContentSwitcher/ContentSwitcher.svelte b/src/ContentSwitcher/ContentSwitcher.svelte index ed13d4e2..cb85c7fa 100644 --- a/src/ContentSwitcher/ContentSwitcher.svelte +++ b/src/ContentSwitcher/ContentSwitcher.svelte @@ -64,8 +64,9 @@ role="tablist" class:bx--content-switcher="{true}" class:bx--content-switcher--light="{light}" + class:bx--content-switcher--sm="{size === 'sm'}" + class:bx--content-switcher--xl="{size === 'xl'}" {...$$restProps} - class="{size && `bx--content-switcher--${size}`} {$$restProps.class}" on:click on:mouseover on:mouseenter diff --git a/src/ContentSwitcher/Switch.svelte b/src/ContentSwitcher/Switch.svelte index e695b7c6..d3d75396 100644 --- a/src/ContentSwitcher/Switch.svelte +++ b/src/ContentSwitcher/Switch.svelte @@ -1,7 +1,7 @@