mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
31 lines
606 B
Svelte
31 lines
606 B
Svelte
<script>
|
|
import { TileGroup, RadioTile, Button } from "carbon-components-svelte";
|
|
|
|
const values = ["Lite plan", "Standard plan", "Plus plan"];
|
|
|
|
let selected = values[1];
|
|
</script>
|
|
|
|
<TileGroup legend="Service pricing tiers" name="plan" bind:selected>
|
|
{#each values as value}
|
|
<RadioTile {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>
|