Skip to main content

Interface: Controls<F, O>

react-querybuilder.Controls

Subcomponents.

Type parameters

NameType
Fextends FullField
Oextends string

Properties

actionElement

actionElement: ComponentType<ActionProps>

Default component for all button-type controls.

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:196


addGroupAction

addGroupAction: ComponentType<ActionWithRulesAndAddersProps>

Adds a sub-group to the current group.

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:202


addRuleAction

addRuleAction: ComponentType<ActionWithRulesAndAddersProps>

Adds a rule to the current group.

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:208


cloneGroupAction

cloneGroupAction: ComponentType<ActionWithRulesProps>

Clones the current group.

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:214


cloneRuleAction

cloneRuleAction: ComponentType<ActionProps>

Clones the current rule.

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:220


combinatorSelector

combinatorSelector: ComponentType<CombinatorSelectorProps>

Selects the combinator property for the current group, or the current independent combinator value.

Default

ValueSelector

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:226


dragHandle

dragHandle: ForwardRefExoticComponent<DragHandleProps & RefAttributes<HTMLElement>>

Provides a draggable handle for reordering rules and groups.

Default

DragHandle

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:232


fieldSelector

fieldSelector: ComponentType<FieldSelectorProps<F>>

Selects the field property for the current rule.

Default

ValueSelector

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:238


inlineCombinator

inlineCombinator: ComponentType<InlineCombinatorProps>

A small wrapper around the combinatorSelector component.

Default

InlineCombinator

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:244


lockGroupAction

lockGroupAction: ComponentType<ActionWithRulesProps>

Locks the current group (sets the disabled property to true).

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:250


lockRuleAction

lockRuleAction: ComponentType<ActionWithRulesProps>

Locks the current rule (sets the disabled property to true).

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:256


notToggle

notToggle: ComponentType<NotToggleProps>

Toggles the not property of the current group between true and false.

Default

NotToggle

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:262


operatorSelector

operatorSelector: ComponentType<OperatorSelectorProps>

Selects the operator property for the current rule.

Default

ValueSelector

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:268


removeGroupAction

removeGroupAction: ComponentType<ActionWithRulesProps>

Removes the current group from its parent group's rules array.

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:274


removeRuleAction

removeRuleAction: ComponentType<ActionProps>

Removes the current rule from its parent group's rules array.

Default

ActionElement

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:280


rule

rule: ComponentType<RuleProps<string, string>>

Rule layout component.

Default

Rule

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:286


ruleGroup

ruleGroup: ComponentType<RuleGroupProps<F, O>>

Rule group layout component.

Default

RuleGroup

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:292


shiftActions

shiftActions: ComponentType<ShiftActionsProps>

Shifts the current rule/group up or down in the query hierarchy.

Default

ShiftActions

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:298


valueEditor

valueEditor: ComponentType<ValueEditorProps<F, O>>

Updates the value property for the current rule.

Default

ValueEditor

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:304


valueSelector

valueSelector: ComponentType<ValueSelectorProps<FullOption<string>>>

Default component for all value selector controls.

Default

ValueSelector

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:310


valueSourceSelector

valueSourceSelector: ComponentType<ValueSourceSelectorProps>

Selects the valueSource property for the current rule.

Default

ValueSelector

Defined in

packages/react-querybuilder/src/types/propsUsingReact.ts:316