Interface: XYPadThumbProps
Defined in: react/src/components/XYPad/Thumb.tsx:21
Properties
actionsRef?
optional actionsRef?: Ref<XYPadThumbMethods>;
Defined in: react/src/components/XYPad/Thumb.tsx:51
Receives focus and blur for the range inputs inside, which do nothing
while the pad is disabled. ref reaches the thumb element itself.
aria-describedby?
optional aria-describedby?: string | readonly [string | undefined, string | undefined];
Defined in: react/src/components/XYPad/Thumb.tsx:38
The ids of what describes each axis, as [x, y] or one for both.
aria-label?
optional aria-label?: string | readonly [string | undefined, string | undefined];
Defined in: react/src/components/XYPad/Thumb.tsx:34
The accessible name of each axis, as [x, y]. There are two range inputs
inside the thumb, so each takes a name of its own; a single string names
them both, which is rarely what you want.
aria-labelledby?
optional aria-labelledby?: string | readonly [string | undefined, string | undefined];
Defined in: react/src/components/XYPad/Thumb.tsx:36
The ids of what labels each axis, as [x, y] or one for both.
aria-valuetext?
optional aria-valuetext?: string | readonly [string | undefined, string | undefined];
Defined in: react/src/components/XYPad/Thumb.tsx:43
What the value of each axis means, when the number does not say it, as
[x, y] or one for both.
color?
optional color?: string;
Defined in: react/src/components/XYPad/Thumb.tsx:27
Sets --color, for the theme to colour the thumb with. The size is not
set here but by --thumb-size on XYPad.Root, so that the root can leave
the matching room around the area.
style?
optional style?: CSSProperties & object & object;
Defined in: react/src/components/XYPad/Thumb.tsx:45
Type Declaration
--color?
optional --color?: string | number;
--translate?
optional --translate?: string | number;