Skip to main content

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: 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


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.