Skip to content

Conversation

@metonym
Copy link
Collaborator

@metonym metonym commented Nov 29, 2025

Closes #439

Add SelectableTileGroup component for parity with TileGroup used to manage radio tiles.

Changes

  • Added SelectableTileGroup component that wraps multiple SelectableTile components in a fieldset, managing an array of selected values and dispatching select/deselect events
  • Modified SelectableTile to detect and integrate with SelectableTileGroup context when present, automatically syncing selection state and using shared name attributes
<script>
  import { SelectableTile, SelectableTileGroup } from "carbon-components-svelte";
  
  let selected = [];
</script>

<SelectableTileGroup bind:selected legend="Select options">
  <SelectableTile value="option1">Option 1</SelectableTile>
  <SelectableTile value="option2">Option 2</SelectableTile>
  <SelectableTile value="option3">Option 3</SelectableTile>
</SelectableTileGroup>

Adds a new `SelectableTileGroup` component that manages multiple
`SelectableTile` components using Svelte context API.
@metonym metonym force-pushed the selectable-tile-group branch from d60b325 to ae0c6e0 Compare November 29, 2025 17:05
@metonym metonym merged commit c51ac56 into master Nov 29, 2025
7 checks passed
@metonym metonym deleted the selectable-tile-group branch November 29, 2025 17:09
@metonym
Copy link
Collaborator Author

metonym commented Nov 29, 2025

Released in v0.94.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant