mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
docs: Checkbox, Tabs, NumberInput (#1045)
* add `Checkbox` reactive example for `bind:checked` (#967) * update `Checkbox` reactive example for `bind:group` to demo two-way binding * simplify `Tabs` reactive example * add `NumberInput` "No value" example
This commit is contained in:
parent
9e915cf90a
commit
4e3415a4e9
6 changed files with 65 additions and 27 deletions
15
docs/src/pages/framed/NumberInput/NumberInputEmpty.svelte
Normal file
15
docs/src/pages/framed/NumberInput/NumberInputEmpty.svelte
Normal file
|
@ -0,0 +1,15 @@
|
|||
<script>
|
||||
import { NumberInput, Button } from "carbon-components-svelte";
|
||||
|
||||
let value = null;
|
||||
</script>
|
||||
|
||||
<NumberInput allowEmpty bind:value />
|
||||
|
||||
<div style="margin: var(--cds-layout-01) 0">
|
||||
<Button on:click="{() => (value = null)}">Set to null</Button>
|
||||
<Button on:click="{() => (value = 0)}">Set to 0</Button>
|
||||
</div>
|
||||
|
||||
<strong>Value:</strong>
|
||||
{value}
|
Loading…
Add table
Add a link
Reference in a new issue