DragHandleProps
Defined in: packages/react-querybuilder/src/types/props.ts:382
Props for dragHandle components.
Extends
Extended by
Properties
className?
optionalclassName?:string
Defined in: packages/react-querybuilder/src/types/props.ts:76
CSS classNames to be applied.
This is string and not Classname because the Rule
and RuleGroup components run clsx() to produce the className
that gets passed to each subcomponent.
Inherited from
CommonSubComponentProps.className
context?
optionalcontext?:any
Defined in: packages/react-querybuilder/src/types/props.ts:97
Container for custom props that are passed to all components.
Inherited from
CommonSubComponentProps.context
disabled?
optionaldisabled?:boolean
Defined in: packages/react-querybuilder/src/types/props.ts:92
Disables the control.
Inherited from
CommonSubComponentProps.disabled
dragHandleAttributes?
optionaldragHandleAttributes?:HTMLAttributes<HTMLElement>
Defined in: packages/react-querybuilder/src/types/props.ts:391
Props to spread onto the drag handle element, supplied by the active
drag-and-drop adapter (e.g. ARIA attributes and sensor event listeners).
Custom dragHandle components should spread these onto the same element
that receives the forwarded ref.
label?
optionallabel?:ReactNode
Defined in: packages/react-querybuilder/src/types/props.ts:383
level
level:
number
Defined in: packages/react-querybuilder/src/types/props.ts:84
The level of the current group. Always equal to path.length.
Inherited from
path
path:
Path
Defined in: packages/react-querybuilder/src/types/props.ts:80
Path to this subcomponent's rule/group within the query.
Inherited from
ruleOrGroup
ruleOrGroup:
RuleType<string,string,any,string,Record<string,any>> |RuleGroupTypeAny
Defined in: packages/react-querybuilder/src/types/props.ts:384
schema
schema:
Schema<{[key:string]:unknown;className?:Classname;comparator?:string| ((f: { [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt...,operator:string) =>boolean);defaultOperator?:string;defaultValue?:any;disabled?:boolean;id?:string;inputType?:InputType|null;label:string;matchModes?:boolean|MatchMode[] |FlexibleOption<MatchMode>[];name:string;operators?:string[] |FlexibleOptionList<{[key:string]:unknown;disabled?:boolean;label:string;name:string;value:string; }> |FlexibleOption<string>[] | string | FlexibleOption<string>[];placeholder?:string;subproperties?:FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt...>;validator?:RuleValidator;value:string;valueEditorType?:ValueEditorType| ((operator:string) =>ValueEditorType);values?:FlexibleOptionList<{[key:string]:unknown;disabled?:boolean;label:string;name:string;value:string; }>;valueSources?:ValueSources| [FlexibleOption,...FlexibleOption[]] | ((operator:string) =>ValueSources| [FlexibleOption,...FlexibleOption[]]); },string>
Defined in: packages/react-querybuilder/src/types/props.ts:109
All subcomponents receive the configuration schema as a prop.
Inherited from
CommonSubComponentProps.schema
testID?
optionaltestID?:string
Defined in: packages/react-querybuilder/src/types/props.ts:105
Test ID for this component.
Inherited from
CommonSubComponentProps.testID
title?
optionaltitle?:string
Defined in: packages/react-querybuilder/src/types/props.ts:88
The title/tooltip for this control.
Inherited from
validation?
optionalvalidation?:boolean|ValidationResult
Defined in: packages/react-querybuilder/src/types/props.ts:101
Validation result of the parent rule/group.
Inherited from
CommonSubComponentProps.validation
API documentation is generated from the latest commit on the main branch. It may be somewhat inconsistent with official releases of React Query Builder.