Property panel
A design-tool inspector with collapsible Layout, Fill and Stroke sections, number scrubbers, a proportion lock, alignment toggles and colour pickers.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | ShapeProps | — | x, y, width, height, rotation, radius, alignX, alignY, fill, fillOpacity, fillVisible, stroke, strokeWidth, strokePosition, strokeVisible. |
| onValueChange | (value: ShapeProps) => void | — | Called with the whole object on every edit. |
| objectName | string | "Rectangle" | Selected object's name; also names the panel. |
| objectKind | string | "Rectangle" | Muted line under the name. |
| swatches | string[] | — | Preset colours for the fill and stroke pickers. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.