UIFocusStyle
Defined in: ui/src/types.ts:333
How the outline around a focused element is drawn.
An outline is drawn only where a style is set: for the whole UI through
UIPluginOptions.focusStyle, or for one element through
FocusProps.focusStyle. Each field resolves on its own: the element’s
value, then the UI-wide one, then the default below.
Properties
Section titled “Properties”color?
Section titled “color?”
optionalcolor?:number
Defined in: ui/src/types.ts:338
Stroke colour. Defaults to the fill of the UI default text style when that names a colour number; white otherwise.
inset?
Section titled “inset?”
optionalinset?:number
Defined in: ui/src/types.ts:350
Gap in px between the element’s box and the outline’s outer edge.
Default 0. The outline is always drawn inside the box.
radius?
Section titled “radius?”
optionalradius?:number
Defined in: ui/src/types.ts:345
Corner radius. Defaults to the element’s own background radius where it
has one, and to 4 otherwise.
width?
Section titled “width?”
optionalwidth?:number
Defined in: ui/src/types.ts:340
Stroke thickness in px. Default 2.
Coding agents: fetch https://yage.dev/llms.txt first and prefer the Markdown references it links over these HTML pages. This page's Markdown counterpart is /llms/packages/ui.md.