diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 7dcd5af4..766613fc 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -671,6 +671,7 @@ export interface ComboBoxItem { | size | No | let | No | "sm" | "xl" | undefined | Set the size of the combobox | | disabled | No | let | No | boolean | false | Set to `true` to disable the combobox | | titleText | No | let | No | string | "" | Specify the title text of the combobox | +| hideLabel | No | let | No | boolean | false | Set to `true` to visually hide the label text | | placeholder | No | let | No | string | "" | Specify the placeholder text | | helperText | No | let | No | string | "" | Specify the helper text | | invalidText | No | let | No | string | "" | Specify the invalid state text | diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index e4826601..a5e67ac2 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -1851,6 +1851,18 @@ "constant": false, "reactive": false }, + { + "name": "hideLabel", + "kind": "let", + "description": "Set to `true` to visually hide the label text", + "type": "boolean", + "value": "false", + "isFunction": false, + "isFunctionDeclaration": false, + "isRequired": false, + "constant": false, + "reactive": false + }, { "name": "placeholder", "kind": "let", diff --git a/src/ComboBox/ComboBox.svelte b/src/ComboBox/ComboBox.svelte index 07a89433..45cc210b 100644 --- a/src/ComboBox/ComboBox.svelte +++ b/src/ComboBox/ComboBox.svelte @@ -46,6 +46,9 @@ /** Specify the title text of the combobox */ export let titleText = ""; + /** Set to `true` to visually hide the label text */ + export let hideLabel = false; + /** Specify the placeholder text */ export let placeholder = ""; @@ -226,7 +229,7 @@
{#if titleText || $$slots.titleText} -