docs(radio-tile): add reactive examples

Enabled by #971
This commit is contained in:
Eric Liu 2022-01-08 09:29:42 -08:00
commit 298dbec4e6
3 changed files with 62 additions and 0 deletions

View file

@ -0,0 +1,31 @@
<script>
import { TileGroup, RadioTile, Button } from "carbon-components-svelte";
const values = ["Lite plan", "Standard plan", "Plus plan"];
let selected = values[0];
</script>
<TileGroup legend="Service pricing tiers" bind:selected>
{#each values as value}
<RadioTile value="{value}">{value}</RadioTile>
{/each}
</TileGroup>
<div>
Selected: <strong>{selected}</strong>
</div>
<Button
size="small"
disabled="{selected === values[1]}"
on:click="{() => (selected = values[1])}"
>
Set to "{values[1]}"
</Button>
<style>
div {
margin: var(--cds-spacing-05) 0;
}
</style>