From 0a771ea44bfa59b05a80ea96ae6bd484cac7e2ba Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Tue, 14 Jul 2020 09:51:55 -0400 Subject: [PATCH] Update examples --- docs/components/checkbox.md | 8 ++++---- docs/components/radio.md | 8 ++++---- docs/components/switch.md | 4 ++-- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/docs/components/checkbox.md b/docs/components/checkbox.md index 8abb80929..58322c5f2 100644 --- a/docs/components/checkbox.md +++ b/docs/components/checkbox.md @@ -5,7 +5,7 @@ Checkboxes allow the user to toggle an option on or off. ```html preview -Checkbox
+Checkbox ``` ?> This component doesn't work with standard forms. Use [``](/components/form.md) instead. @@ -17,7 +17,7 @@ Checkboxes allow the user to toggle an option on or off. Use the `checked` attribute to activate the checkbox. ```html preview -Checked
+Checked ``` ### Indeterminate @@ -25,7 +25,7 @@ Use the `checked` attribute to activate the checkbox. Use the `indeterminate` attribute to make the checkbox indeterminate. ```html preview -Indeterminate
+Indeterminate ``` ### Disabled @@ -33,7 +33,7 @@ Use the `indeterminate` attribute to make the checkbox indeterminate. Use the `disabled` attribute to disable the checkbox. ```html preview -Disabled
+Disabled ``` [component-metadata:sl-checkbox] diff --git a/docs/components/radio.md b/docs/components/radio.md index e00017a52..77f50a208 100644 --- a/docs/components/radio.md +++ b/docs/components/radio.md @@ -5,7 +5,7 @@ Radios allow the user to select one option from a group of many. ```html preview -Radio
+Radio ``` ?> This component doesn't work with standard forms. Use [``](/components/form.md) instead. @@ -17,7 +17,7 @@ Radios allow the user to select one option from a group of many. Use the `checked` attribute to activate the radio. ```html preview -Checked
+Checked ``` ### Disabled @@ -25,12 +25,12 @@ Use the `checked` attribute to activate the radio. Use the `disabled` attribute to disable the radio. ```html preview -Disabled
+Disabled ``` ### Grouping Radios -Radios are grouped based on their `name` attribute. +Radios are grouped based on their `name` attribute and scoped to the nearest form. ```html preview Option 1
diff --git a/docs/components/switch.md b/docs/components/switch.md index 8a3186217..f919a874f 100644 --- a/docs/components/switch.md +++ b/docs/components/switch.md @@ -17,7 +17,7 @@ Switches allow the user to toggle an option on or off. Use the `checked` attribute to activate the switch. ```html preview -Checked
+Checked ``` ### Disabled @@ -25,7 +25,7 @@ Use the `checked` attribute to activate the switch. Use the `disabled` attribute to disable the switch. ```html preview -Disabled
+Disabled ```