Retro Window
An 8-bit window with a pixel title bar and stepped frame, a modal dialog over a dithered veil, a cell progress bar and pixel tabs.
Preview
Options
Music70%
Effects45%
Copying save
Slot 2 → Card A64%
Checking blocks…
Save files
Slot 3 · World 1–4 · 02:13
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | ReactNode | — | Title bar text; names the window (or the dialog). |
| icon | string[] | — | Pixel sprite rows for the title bar icon (see pixelIcons). |
| onClose | () => void | — | Shows the square close key (RetroWindow only). |
| footer | ReactNode | — | Buttons along the bottom edge. |
| active | boolean | true | Ink title bar; false gives a muted background window. |
| description | ReactNode | — | RetroDialogContent: one line that describes the dialog. |
| RetroProgress | { label, value?, max?, cells?, showValue? } | max 100, cells 20 | Cell bar; omit value for an indeterminate walking block. |
| RetroTabs* | Radix Tabs props | — | RetroTabs, RetroTabsList, RetroTabsTrigger, RetroTabsContent. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.