mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
27da2a0f8b* docs: link source code to folder for multiple components * chore(docs): remove unused `source` from frontmatter
50 lines
No EOL
1 KiB
Text
50 lines
No EOL
1 KiB
Text
---
|
|
components: ["SelectableTile"]
|
|
---
|
|
|
|
<script>
|
|
import { SelectableTile } from "carbon-components-svelte";
|
|
import Preview from "../../components/Preview.svelte";
|
|
</script>
|
|
|
|
## Multi-selectable tiles
|
|
|
|
<div role="group" aria-label="selectable tiles">
|
|
<SelectableTile selected>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
<SelectableTile selected>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
<SelectableTile>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
</div>
|
|
|
|
## Light variant
|
|
|
|
<div role="group" aria-label="selectable tiles">
|
|
<SelectableTile light selected>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
<SelectableTile light selected>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
<SelectableTile light>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
</div>
|
|
|
|
## Disabled state
|
|
|
|
<div role="group" aria-label="selectable tiles">
|
|
<SelectableTile selected>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
<SelectableTile disabled>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
<SelectableTile disabled>
|
|
Multi-select Tile
|
|
</SelectableTile>
|
|
</div> |