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

docs(radio-tile): add reactive examples (#979)

Browse source 
Enabled by #971
This commit is contained in:
Eric Liu 2022-01-08 09:37:53 -08:00 • committed by GitHub
commit d4db64e2d1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 62 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
docs/src/pages/framed/RadioTile/RadioTileReactiveOneWay.svelte Normal file
View file

@ -0,0 +1,21 @@
<script>
import { TileGroup, RadioTile } from "carbon-components-svelte";
const values = ["Lite plan", "Standard plan", "Plus plan"];
let selected = values[0];
</script>
<TileGroup
legend="Service pricing tiers"
on:select="{({ detail }) => (selected = detail)}"
>
{#each values as value}
<RadioTile value="{value}" checked="{selected === value}">{value}</RadioTile
>
{/each}
</TileGroup>
<br />
Selected: <strong>{selected}</strong>