Skip to main content

QueryBuilderContextProps<F, O>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:716

Props passed down through context from a QueryBuilderContextProvider.

Extended by​

Type Parameters​

Type Parameter
F extends FullField
O extends string

Properties​

controlClassnames?​

optional controlClassnames: Partial<Classnames>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:732

This can be used to assign specific CSS classes to various controls that are rendered by QueryBuilder.

controlElements?​

optional controlElements: Partial<{ actionElement: ComponentType<ActionProps>; addGroupAction: null | ComponentType<ActionWithRulesAndAddersProps>; addRuleAction: null | ComponentType<ActionWithRulesAndAddersProps>; cloneGroupAction: null | ComponentType<ActionWithRulesProps>; cloneRuleAction: null | ComponentType<ActionProps>; combinatorSelector: null | ComponentType<CombinatorSelectorProps>; dragHandle: null | ForwardRefExoticComponent<DragHandleProps & RefAttributes<HTMLElement>>; fieldSelector: null | ComponentType<FieldSelectorProps<F>>; inlineCombinator: null | ComponentType<InlineCombinatorProps>; lockGroupAction: null | ComponentType<ActionWithRulesProps>; lockRuleAction: null | ComponentType<ActionWithRulesProps>; notToggle: null | ComponentType<NotToggleProps>; operatorSelector: null | ComponentType<OperatorSelectorProps>; removeGroupAction: null | ComponentType<ActionWithRulesProps>; removeRuleAction: null | ComponentType<ActionProps>; rule: ComponentType<RuleProps<string, string>>; ruleGroup: ComponentType<RuleGroupProps<F, O>>; ruleGroupBodyElements: ComponentType<RuleGroupProps<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }, string> & UseRuleGroup>; ruleGroupHeaderElements: ComponentType<RuleGroupProps<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }, string> & UseRuleGroup>; shiftActions: null | ComponentType<ShiftActionsProps>; valueEditor: null | ComponentType<ValueEditorProps<F, O>>; valueSelector: ComponentType<ValueSelectorProps<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }>>; valueSourceSelector: null | ComponentType<ValueSourceSelectorProps>; }>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:720

Defines replacement components.

debugMode?​

optional debugMode: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:749

Enables debug logging for QueryBuilder (and React DnD when applicable).

Default​

false

enableDragAndDrop?​

optional enableDragAndDrop: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:743

Enables drag-and-drop features.

Default​

false

enableMountQueryChange?​

optional enableMountQueryChange: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:727

Set to false to avoid calling the onQueryChange callback when the component mounts.

Default​

true

translations?​

optional translations: Partial<Translations>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:737

This can be used to override translatable texts applied to the various controls that are rendered by QueryBuilder.

caution

API documentation is generated from the latest commit on the main branch. It may be somewhat inconsistent with official releases of React Query Builder.