fix(toggle): add missing hideLabel prop (#1414)

* fix(toggle): add missing hideLabel prop

* Run "yarn build:docs"

* test(toggle): assert hideLabel prop

* docs(toggle): add "Hidden label text" example
This commit is contained in:
metonym 2022-07-26 07:12:57 -07:00 committed by GitHub
commit f4d12b805a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 34 additions and 4 deletions

View file

@ -24,6 +24,9 @@
/** Specify the label text */
export let labelText = "";
/** Set to `true` to visually hide the label text */
export let hideLabel = false;
/** Set an id for the input element */
export let id = "ccs-" + Math.random().toString(36);
@ -76,9 +79,11 @@
for="{id}"
class:bx--toggle-input__label="{true}"
>
<slot name="labelText">
{labelText}
</slot>
<span class:bx--visually-hidden="{hideLabel}">
<slot name="labelText">
{labelText}
</slot>
</span>
<span class:bx--toggle__switch="{true}">
<span aria-hidden="true" class:bx--toggle__text--off="{true}">
<slot name="labelA">