Skip to content

Commit

Permalink
Add examples of indeterminate checkboxes
Browse files Browse the repository at this point in the history
  • Loading branch information
herronelou committed Apr 8, 2024
1 parent 9781dd8 commit 8b7f4b4
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion src/routes/docs/forms/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ The checkbox component can be used to receive one or more selected options from

## Checkbox examples

Use this default example of a checbkox element in a checked and unchecked state.
Use this default example of a checbkox element in a checked, unchecked and indeterminate state.

```svelte example class="flex flex-col gap-4" hideScript
<script>
Expand All @@ -36,6 +36,7 @@ Use this default example of a checbkox element in a checked and unchecked state.
<Checkbox>Default checkbox</Checkbox>
<Checkbox checked>Checked state</Checkbox>
<Checkbox indeterminate>Indeterminate state</Checkbox>
```

## Disabled state
Expand All @@ -49,6 +50,7 @@ This example can be used for the disabled state of the checkbox component by app
<Checkbox disabled>Disabled checkbox</Checkbox>
<Checkbox disabled checked>Disabled checked</Checkbox>
<Checkbox disabled indeterminate>Disabled indeterminate</Checkbox>
```

## Alternative syntax
Expand Down

0 comments on commit 8b7f4b4

Please sign in to comment.