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

body​

body: Classname

Classnames applied to the <div> containing the RuleGroup child rules/groups.

Defined in​

packages/react-querybuilder/src/types/props.ts:166

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

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

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

value​

value: Classname

Classnames applied to the <input> for the rule value.

Defined in​

packages/react-querybuilder/src/types/props.ts:206

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.