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:
Eric Liu 2019-12-20 09:09:55 -08:00
commit 71ddcfccc0
4 changed files with 64 additions and 30 deletions

View file

@ -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'}