components / dimension
dimension.
architect's dimension line — witness lines, arrow / tick / dot caps, and the measurement sitting in a break in the rule. every part inherits currentColor, so recolouring the whole annotation is one prop. horizontal or vertical.
1 200
plan
installation
bunx @justin06lee/chrome@latest add dimensionprops
| name | type | default | description |
|---|---|---|---|
| label | ReactNode | - | the measurement, rendered in the break in the line. |
| orientation | 'horizontal' | 'vertical' | 'horizontal' | |
| cap | 'arrow' | 'tick' | 'dot' | 'none' | 'arrow' | |
| extension | number | 8 | half-length in px of the witness lines at each end; 0 removes them. |
| color | string | 'rgba(255,255,255,0.35)' | line, cap and label colour. |
| ariaLabel | string | - | accessible name. with it the annotation is exposed as an image; without it it is decorative and hidden. |
| labelClassName | string | - | |
| className | string | - |