Appearance and painting

The inspector is a projection of what each registered element's anatomy makes editable. A setting that is absent may be fixed by the definition or inapplicable to that kind of element. Styling changes participate in the same undo/redo history as canvas edits.

Surface and outline

Property	What you can control	Limits
Fill	None, solid color, linear or radial gradient	Shapes with an outline
Gradient	Stops, stop colors and positions; direction or radial center/radius	Supported by filled shapes
Border/stroke	Color, width, solid/dashed/dotted and supported hand-drawn treatment	Shapes with an outline
Corners	Corner radius	Outlines that round their corners: rectangles, regular polygons and editable paths
Polygon	Number of sides	Regular polygon geometry
Freehand ink	Preset, color and width	Ink behavior differs by preset
Table borders	None/solid/dashed/dotted, width and color	Separate table and divider controls
Image	Source and contain/cover/fill fit	No ordinary fill/border controls on the standard image

Colors include alpha. The standard inspector does not expose a separate universal opacity or shadow control. Definitions can declare paint-only shadows and fixed surface layers. A layer fixed in the registry is not automatically an editable per-instance property; the comment fold and card header are examples.

Text appearance

Where text is permitted, the shared text controls cover registered fonts, font size, color, bold, italic, underline, strikethrough, superscript/subscript, clear formatting, direction and alignment. Paragraph controls depend on the region's content grammar. Table cells intentionally exclude headings and lists.

Connectors and effects

Connector appearance includes stroke settings and independent start/end arrowheads. Labels have their own text formatting and optional badge appearance. Route-specific controls are shown only when applicable. The effect registry can expose animation options such as particle appearance, count, size, speed, waveform, repeat count, color/gradient, scale mode and direction; each effect shows only the settings it advertises. Shapes offer their effects the same way. See Animation & effects.

One inspector control system

Numeric and text fields, dropdowns, color controls, switches, action menus and segmented tabs use CDX controls and theme values. The Table/Row/Column selector and shape-library tabs are CDX segmented tabs. Compact inspector rows share control height, typography and spacing. Diagram-specific swatches preview actual geometry; their button chrome uses the shared theme.

Resize is not repaint

Side/corner resizing clamps to the declared and content-derived minimum. Crossing the minimum must not flip the element or move its opposite edge. Rotation is capability-controlled. Paths expose point editing instead of regular resize handles; connectors expose routing handles; frames resize their boundary while groups resize their children. See the capability matrix.

Select a regular polygon to reveal a control handle on the selection rectangle’s top edge, offset from the top-right resize handle. Hover for instructions. Its position stays stable as sides change. Tap it to add a side, or drag right/left to increase/decrease the side count. The control stays in place during the drag, and the whole gesture is one undo step. The side count stays within the supported range; it cannot go below three. Custom paths instead show midpoint + handles on hover for inserting points.