components/XYPad

Interfaces

ValueOptions

Defined in: components/XYPad/index.tsx:53

Two-dimensional slider component.

Properties

keyboard?

optional keyboard?: InputEventOption | null;

Defined in: components/XYPad/index.tsx:70

keyboard control option

max

max: number;

Defined in: components/XYPad/index.tsx:57

min

min: number;

Defined in: components/XYPad/index.tsx:56

reverse?

optional reverse?: boolean;

Defined in: components/XYPad/index.tsx:62

skew?

optional skew?: number;

Defined in: components/XYPad/index.tsx:61

step?

optional step?: number;

Defined in: components/XYPad/index.tsx:60

value

value: number;

Defined in: components/XYPad/index.tsx:55

wheel?

optional wheel?: InputEventOption | null;

Defined in: components/XYPad/index.tsx:66

wheel control option

---

XYPadAreaProps

Defined in: components/XYPad/Area.tsx:4

Properties

__thumb?

optional __thumb?: ReactElement<unknown, string | JSXElementConstructor<any>>;

Defined in: components/XYPad/Area.tsx:13

inherit

children?

optional children?: ReactElement<unknown, string | JSXElementConstructor<any>>;

Defined in: components/XYPad/Area.tsx:10

className?

optional className?: string;

Defined in: components/XYPad/Area.tsx:8

color?

optional color?: string;

Defined in: components/XYPad/Area.tsx:7

height?

optional height?: string | number;

Defined in: components/XYPad/Area.tsx:6

style?

optional style?: CSSProperties;

Defined in: components/XYPad/Area.tsx:9

width?

optional width?: string | number;

Defined in: components/XYPad/Area.tsx:5

---

XYPadMethods

Defined in: components/XYPad/index.tsx:92

Properties

blur

blur: () => void;

Defined in: components/XYPad/index.tsx:94

Returns

void

focus

focus: () => void;

Defined in: components/XYPad/index.tsx:93

Returns

void

original

original: Ref<HTMLDivElement>;

Defined in: components/XYPad/index.tsx:95

---

XYPadProps

Defined in: components/XYPad/index.tsx:73

Properties

children?

optional children?: 
  | ReactElement<unknown, string | JSXElementConstructor<any>>
  | ReactElement<unknown, string | JSXElementConstructor<any>>[];

Defined in: components/XYPad/index.tsx:89

<XYPadThumb /> | <XYPadArea />

disabled?

optional disabled?: boolean;

Defined in: components/XYPad/index.tsx:82

externalStyles?

optional externalStyles?: object;

Defined in: components/XYPad/index.tsx:77

cursor?

optional cursor?: "none" | "move" | "grabbing" | "grab" | "pointer";

userSelectNone?

optional userSelectNone?: boolean;

onChange?

optional onChange?: (valueX, valueY) => void;

Defined in: components/XYPad/index.tsx:85

Parameters

Parameter	Type
valueX	number
valueY	number

Returns

void

onDragEnd?

optional onDragEnd?: (valueX, valueY) => void;

Defined in: components/XYPad/index.tsx:87

Parameters

Parameter	Type
valueX	number
valueY	number

Returns

void

onDragStart?

optional onDragStart?: (valueX, valueY) => void;

Defined in: components/XYPad/index.tsx:86

Parameters

Parameter	Type
valueX	number
valueY	number

Returns

void

readonly?

optional readonly?: boolean;

Defined in: components/XYPad/index.tsx:83

x

x: ValueOptions;

Defined in: components/XYPad/index.tsx:74

y

y: ValueOptions;

Defined in: components/XYPad/index.tsx:75

---

XYPadThumbMethods

Defined in: components/XYPad/Thumb.tsx:31

Properties

blur

blur: () => void;

Defined in: components/XYPad/Thumb.tsx:33

Returns

void

focus

focus: () => void;

Defined in: components/XYPad/Thumb.tsx:32

Returns

void

---

XYPadThumbProps

Defined in: components/XYPad/Thumb.tsx:11

Properties

__css?

optional __css?: CSSProperties;

Defined in: components/XYPad/Thumb.tsx:28

Internal

__disabled?

optional __disabled?: boolean;

Defined in: components/XYPad/Thumb.tsx:24

Internal

__readonly?

optional __readonly?: boolean;

Defined in: components/XYPad/Thumb.tsx:26

Internal

children?

optional children?: ReactNode;

Defined in: components/XYPad/Thumb.tsx:21

color?

optional color?: string;

Defined in: components/XYPad/Thumb.tsx:16

height?

optional height?: string | number;

Defined in: components/XYPad/Thumb.tsx:14

size?

optional size?: string | number;

Defined in: components/XYPad/Thumb.tsx:12

width?

optional width?: string | number;

Defined in: components/XYPad/Thumb.tsx:13

wrapperClassName?

optional wrapperClassName?: string;

Defined in: components/XYPad/Thumb.tsx:18

wrapperStyle?

optional wrapperStyle?: CSSProperties;

Defined in: components/XYPad/Thumb.tsx:19

Variables

Root

const Root: ForwardRefExoticComponent<XYPadProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadProps> & RefAttributes<XYPadMethods>>;

Defined in: components/XYPad/index.tsx:101

---

XYPad

const XYPad: object;

Defined in: components/XYPad/index.tsx:373

Simple XYPad

Type Declaration

Area

Area: (__namedParameters) => Element;

Parameters

Parameter	Type
__namedParameters	XYPadAreaProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadAreaProps>

Returns

Element

Root

Root: ForwardRefExoticComponent<XYPadProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadProps> & RefAttributes<XYPadMethods>>;

Thumb

Thumb: ForwardRefExoticComponent<XYPadThumbProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadThumbProps> & RefAttributes<XYPadThumbMethods>>;