Classnames
Classnames applied to each component.
Properties
actionElement
actionElement:
Classname
Classnames applied to all action elements.
Defined in
packages/react-querybuilder/src/types/props.ts:238
addGroup
addGroup:
Classname
Classnames applied to the <button>
to add a RuleGroup.
Defined in
packages/react-querybuilder/src/types/props.ts:178
addRule
addRule:
Classname
Classnames applied to the <button>
to add a Rule.
Defined in
packages/react-querybuilder/src/types/props.ts:174
betweenRules
betweenRules:
Classname
Classname(s) applied to inline combinator elements.
Defined in
packages/react-querybuilder/src/types/props.ts:246
body
body:
Classname
Classnames applied to the <div>
containing the RuleGroup child rules/groups.
Defined in
packages/react-querybuilder/src/types/props.ts:166
branches
branches:
Classname
Not applied, but see SCSS styles.
Defined in
packages/react-querybuilder/src/types/props.ts:279
cloneGroup
cloneGroup:
Classname
Classnames applied to the <button>
to clone a RuleGroup.
Defined in
packages/react-querybuilder/src/types/props.ts:186
cloneRule
cloneRule:
Classname
Classnames applied to the <button>
to clone a Rule.
Defined in
packages/react-querybuilder/src/types/props.ts:182
combinators
combinators:
Classname
Classnames applied to the <select>
control for combinators.
Defined in
packages/react-querybuilder/src/types/props.ts:170
disabled
disabled:
Classname
Classname(s) applied to disabled elements.
Defined in
packages/react-querybuilder/src/types/props.ts:271
dndCopy
dndCopy:
Classname
Classname(s) applied to rules and groups hovered over by a dragged element when the drop effect is "copy" (modifier key is pressed).
Defined in
packages/react-querybuilder/src/types/props.ts:267
dndDragging
dndDragging:
Classname
Classname(s) applied to rules and groups while being dragged.
Defined in
packages/react-querybuilder/src/types/props.ts:258
dndOver
dndOver:
Classname
Classname(s) applied to rules and groups hovered over by a dragged element.
Defined in
packages/react-querybuilder/src/types/props.ts:262
dragHandle
dragHandle:
Classname
Classnames applied to the <span>
handle for dragging rules/groups.
Defined in
packages/react-querybuilder/src/types/props.ts:222
fields
fields:
Classname
Classnames applied to the <select>
control for fields.
Defined in
packages/react-querybuilder/src/types/props.ts:198
header
header:
Classname
Classnames applied to the <div>
containing the RuleGroup header controls.
Defined in
packages/react-querybuilder/src/types/props.ts:162
invalid
invalid:
Classname
Classname(s) applied to invalid rules and groups.
Defined in
packages/react-querybuilder/src/types/props.ts:254
lockGroup
lockGroup:
Classname
Classnames applied to the <button>
to lock/disable a RuleGroup.
Defined in
packages/react-querybuilder/src/types/props.ts:230
lockRule
lockRule:
Classname
Classnames applied to the <button>
to lock/disable a Rule.
Defined in
packages/react-querybuilder/src/types/props.ts:226
notToggle
notToggle:
Classname
Classnames applied to the <label>
on the "not" toggle.
Defined in
packages/react-querybuilder/src/types/props.ts:214
operators
operators:
Classname
Classnames applied to the <select>
control for operators.
Defined in
packages/react-querybuilder/src/types/props.ts:202
queryBuilder
queryBuilder:
Classname
Classnames applied to the root <div>
element.
Defined in
packages/react-querybuilder/src/types/props.ts:154
removeGroup
removeGroup:
Classname
Classnames applied to the <button>
to remove a RuleGroup.
Defined in
packages/react-querybuilder/src/types/props.ts:190
removeRule
removeRule:
Classname
Classnames applied to the <button>
to remove a Rule.
Defined in
packages/react-querybuilder/src/types/props.ts:210
rule
rule:
Classname
Classnames applied to the <div>
containing the Rule.
Defined in
packages/react-querybuilder/src/types/props.ts:194
ruleGroup
ruleGroup:
Classname
Classnames applied to the <div>
containing the RuleGroup.
Defined in
packages/react-querybuilder/src/types/props.ts:158
shiftActions
shiftActions:
Classname
Classnames applied to the <span>
handle for dragging rules/groups.
Defined in
packages/react-querybuilder/src/types/props.ts:218
valid
valid:
Classname
Classname(s) applied to valid rules and groups.
Defined in
packages/react-querybuilder/src/types/props.ts:250
value
value:
Classname
Classnames applied to the <input>
for the rule value.
Defined in
packages/react-querybuilder/src/types/props.ts:206
valueListItem
valueListItem:
Classname
Classname(s) applied to each element in a series of value editors.
Defined in
packages/react-querybuilder/src/types/props.ts:275
valueSelector
valueSelector:
Classname
Classnames applied to all select elements.
Defined in
packages/react-querybuilder/src/types/props.ts:242
valueSource
valueSource:
Classname
Classnames applied to the <select>
control for value sources.
Defined in
packages/react-querybuilder/src/types/props.ts:234
API documentation is generated from the latest commit on the main
branch. It may be somewhat inconsistent with official releases of React Query Builder.