mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-19 03:49:34 +00:00
WIP: SelectableTileGroup
This commit is contained in:
parent
626fd99e55
commit
fe5c571b13
17 changed files with 33036 additions and 64 deletions
|
@ -1,29 +1,35 @@
|
|||
---
|
||||
components: ["TileGroup", "RadioTile"]
|
||||
components: ["RadioTileGroup", "RadioTile"]
|
||||
---
|
||||
|
||||
<script>
|
||||
import { TileGroup, RadioTile } from "carbon-components-svelte";
|
||||
import { RadioTileGroup, RadioTile, InlineNotification } from "carbon-components-svelte";
|
||||
import Preview from "../../components/Preview.svelte";
|
||||
</script>
|
||||
|
||||
<InlineNotification svx-ignore title="Deprecation warning:" kind="warning" hideCloseButton>
|
||||
<div>
|
||||
The TileGroup component will be removed in favour of the RadioTileGroup component in the next major release.
|
||||
</div>
|
||||
</InlineNotification>
|
||||
|
||||
### Default
|
||||
|
||||
<TileGroup legend="Service pricing tiers">
|
||||
<RadioTileGroup legend="Service pricing tiers">
|
||||
<RadioTile value="0" checked>
|
||||
Lite plan
|
||||
</RadioTile>
|
||||
<RadioTile value="1">
|
||||
Standard plan
|
||||
</RadioTile>
|
||||
<RadioTile value="2">
|
||||
Plus plan
|
||||
<RadioTile light value="2">
|
||||
Plus plan (light variant)
|
||||
</RadioTile>
|
||||
</TileGroup>
|
||||
|
||||
### Light variant
|
||||
|
||||
<TileGroup legend="Service pricing tiers">
|
||||
<RadioTileGroup light legend="Service pricing tiers">
|
||||
<RadioTile value="0" checked>
|
||||
Lite plan
|
||||
</RadioTile>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue