mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(selectable-tile): improve docs

Browse source
This commit is contained in:
Eric Liu 2025-05-03 10:44:29 -07:00
commit 6f1c8c6b63
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/src/pages/components/SelectableTile.svx
View file

@ -7,8 +7,12 @@ components: ["SelectableTile"]
import Preview from "../../components/Preview.svelte"; import Preview from "../../components/Preview.svelte";
</script> </script>
`SelectableTile` provides a tile-based selection interface that allows users to select multiple options. It supports various states and includes built-in keyboard navigation and accessibility features.
## Multi-selectable tiles ## Multi-selectable tiles
Group multiple selectable tiles together for multi-selection scenarios.
<div role="group" aria-label="selectable tiles"> <div role="group" aria-label="selectable tiles">
<SelectableTile selected> <SelectableTile selected>
Multi-select Tile Multi-select Tile
@ -23,6 +27,8 @@ components: ["SelectableTile"]
## Light variant ## Light variant
Use the light variant for light backgrounds.
<div role="group" aria-label="selectable tiles"> <div role="group" aria-label="selectable tiles">
<SelectableTile light selected> <SelectableTile light selected>
Multi-select Tile Multi-select Tile
@ -37,6 +43,8 @@ components: ["SelectableTile"]
## Disabled state ## Disabled state
Disable tiles to prevent interaction.
<div role="group" aria-label="selectable tiles"> <div role="group" aria-label="selectable tiles">
<SelectableTile selected> <SelectableTile selected>
Multi-select Tile Multi-select Tile