Type Alias: XYPadContextValue

type XYPadContextValue = object;

Defined in: react/src/components/XYPad/context.tsx:8

Properties

areaRef

areaRef: RefObject<HTMLDivElement | null>;

Defined in: react/src/components/XYPad/context.tsx:26

Area registers its element here; Root normalizes the pointer against it.

---

disabled

disabled: boolean;

Defined in: react/src/components/XYPad/context.tsx:16

---

max

max: XY<number>;

Defined in: react/src/components/XYPad/context.tsx:11

---

min

min: XY<number>;

Defined in: react/src/components/XYPad/context.tsx:10

---

onChange?

optional onChange?: (value) => void;

Defined in: react/src/components/XYPad/context.tsx:18

Parameters

Parameter	Type
value	XY<number>

Returns

void

---

percent

percent: XY<number>;

Defined in: react/src/components/XYPad/context.tsx:23

Position of the thumb, 0-100 per axis, already accounting for reverse.

---

readOnly

readOnly: boolean;

Defined in: react/src/components/XYPad/context.tsx:17

---

reverse

reverse: XY<boolean>;

Defined in: react/src/components/XYPad/context.tsx:15

---

scale

scale: XY<Scale>;

Defined in: react/src/components/XYPad/context.tsx:14

How the value of each axis is distributed across the travel.

---

step

step: XY<number>;

Defined in: react/src/components/XYPad/context.tsx:12

---

thumbRef

thumbRef: RefObject<XYPadThumbMethods | null>;

Defined in: react/src/components/XYPad/context.tsx:28

Thumb registers itself here; Root focuses it when a drag starts.

---

value

value: XY<number>;

Defined in: react/src/components/XYPad/context.tsx:9