mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
* 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
Download patch file Download diff file Expand all files Collapse all files

12
docs/src/COMPONENT_API.json
View file

@ -13494,6 +13494,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": "id",
"kind": "let",

6
docs/src/pages/components/Toggle.svx
View file

@ -23,6 +23,12 @@ components: ["Toggle", "ToggleSkeleton"]
<Toggle labelText="Push notifications" on:toggle={e => console.log(e.detail)} />
### Hidden label text
Set `hideLabel` to `true` to visually hide the label text. It's recommended to still specify `labelText` for screen reader accessibility.
<Toggle labelText="Push notifications" hideLabel />
### Custom labels
<Toggle labelText="Push notifications" labelA="No" labelB="Yes" />