Skip to content
Ram

A frame is an outline, four corner handles and a measurement label. Each part is optional, and all of them are drawn in selection blue until you say otherwise.

Parts of the frame

Every part of the frame is optional. Drawn in selection blue by default, or in any colour you name — outline, handles and label each take one of their own.

built to delight

tsx
<Ram>delight</Ram>

Measurement label

The label reports the rendered width and height of the text, in CSS pixels. It always corresponds to what is actually on the page, and re-measures if the text ever resizes.

built to delight

tsx
<Ram label>delight</Ram>

Label position

Centred positions stay pinned to the resting centre of the frame while the text breathes, so the number never slides.

built to delight

tsx
<Ram labelPosition="top">delight</Ram>