Skip to main content

Interface: RuleOptions

Configuration options for rules and dividers.

Properties​

PropertyTypeDescription
borderStyle?"solid" | "dashed" | "dotted"Stroke style following standard CSS border-style (default: "solid").
bracket?number | booleanCurves the rule around adjacent corners, creating a stylized bracket / corner-hugging accent. Pass true or an explicit bracket extension length in pixels (default: 10px).
className?stringAdditional CSS class name.
color?string | string[]Stroke color (single CSS color) or gradient color stops (array of colors).
inset?numberInset from both endpoints in stage units (default: 0).
radius?string | numberCorner radius for bracket corners or straight line caps in pixels (default: 8 when bracketed, 2 for straight).
side?"top" | "left" | "right" | "bottom"Which side the rule sits on or faces ("left"
thickness?string | numberRule stroke thickness in canvas pixels or a CSS length (default: 2).