Inputs
Option Tile
Image tiles in a catalog grid — hairstyles, face shapes, clothing — with hover outline and selected blue fill.
Source captures·from the SEED early-access trailer
In context
The character creator catalog: pick a category, then a tile. Arrow keys move within the grid.
Hair Style
States
Default
Hover
Selected
Text
Disabled
Sizes
API
| Prop | Type | Default | Description |
|---|---|---|---|
| OptionTileGroup.value / onValueChange | string / (v: string) => void | — | Single selection (radio group). |
| OptionTileGroup.columns | number | — | Lay tiles out in a fixed grid. |
| OptionTileGroup.size | "sm" | "default" | "lg" | "default" | |
| OptionTile.src | string | — | Artwork; omit for a text tile. |
| OptionTile.label | string | — | Accessible name and fallback text. |
| hairStyles / eyebrowShapes / trousers | { value, src }[] | — | Artwork cropped from the captures. |