Mosaic
Pictures: halves, or one large + two small with +N; press fires select {index}.
Group: Media · Kind: macro
Preview
Section titled “Preview”example
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
pictures |
[picture] |
yes | – | The pictures in order. |
label |
string |
– | – | The a11y label. |
Events
Section titled “Events”on.select: runs an action
None.
Children
Section titled “Children”none
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”Accessibility
Section titled “Accessibility”Role: group
group labelled label; each tile a button named its picture’s alt; the +N tile reads alt then +N ($string.morePictures).
| Keys | Action |
|---|---|
Tab through the tiles; Enter Space |
select |
Theming
Section titled “Theming”Recipe parts: Mosaic/root Mosaic/lead Mosaic/image Mosaic/pair Mosaic/side Mosaic/top Mosaic/bottom Mosaic/more Mosaic/moreLabel
Keyed by: size :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”Image · Text · ZoomableImage · Icon · Video · AudioPlayer · Avatar · QrCode