mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
feat(tile): complete RadioTile
Closes #34 - Add Tile to list of supported components - Make RadioTile composable as a "child" component
This commit is contained in:
parent
1d66a8b127
commit
71ddcfccc0
4 changed files with 64 additions and 30 deletions
|
@ -17,7 +17,7 @@
|
|||
{ value: 'selected', id: 'tile-3', labelText: 'Selectable Tile' }
|
||||
];
|
||||
|
||||
let selected = radioTiles[1].value;
|
||||
let defaultSelected = radioTiles[1];
|
||||
</script>
|
||||
|
||||
<Layout>
|
||||
|
@ -33,19 +33,9 @@
|
|||
<SelectableTile {...$$props} id="tile-3" name="tiles">Multi-select Tile</SelectableTile>
|
||||
</div>
|
||||
{:else if story === 'selectable'}
|
||||
<TileGroup legend="Selectable Tile Group">
|
||||
<TileGroup legend="Selectable Tile Group" bind:defaultSelected>
|
||||
{#each radioTiles as { value, id, labelText }, i (id)}
|
||||
<RadioTile
|
||||
{...$$props}
|
||||
checked={selected === value}
|
||||
on:change={() => {
|
||||
selected = value;
|
||||
}}
|
||||
{value}
|
||||
{id}
|
||||
{labelText}>
|
||||
Selectable Tile
|
||||
</RadioTile>
|
||||
<RadioTile {...$$props} {value} {id} {labelText}>Selectable Tile</RadioTile>
|
||||
{/each}
|
||||
</TileGroup>
|
||||
{:else if story === 'expandable'}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue