Skip to main content

Classnames

Defined in: packages/core/src/types/props.ts:20

Classnames applied to each component.

Properties​

actionElement​

actionElement: Classname

Defined in: packages/core/src/types/props.ts:116

Classnames applied to all action elements.

addGroup​

addGroup: Classname

Defined in: packages/core/src/types/props.ts:48

Classnames applied to the <button> to add a RuleGroup.

addRule​

addRule: Classname

Defined in: packages/core/src/types/props.ts:44

Classnames applied to the <button> to add a Rule.

betweenRules​

betweenRules: Classname

Defined in: packages/core/src/types/props.ts:124

Classname(s) applied to inline combinator elements.

body​

body: Classname

Defined in: packages/core/src/types/props.ts:36

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

branches​

branches: Classname

Defined in: packages/core/src/types/props.ts:167

Not applied, but see CSS styles.

cloneGroup​

cloneGroup: Classname

Defined in: packages/core/src/types/props.ts:56

Classnames applied to the <button> to clone a RuleGroup.

cloneRule​

cloneRule: Classname

Defined in: packages/core/src/types/props.ts:52

Classnames applied to the <button> to clone a Rule.

combinators​

combinators: Classname

Defined in: packages/core/src/types/props.ts:40

Classnames applied to the <select> control for combinators.

disabled​

disabled: Classname

Defined in: packages/core/src/types/props.ts:159

Classname(s) applied to disabled elements.

dndCopy​

dndCopy: Classname

Defined in: packages/core/src/types/props.ts:145

Classname(s) applied to rules and groups hovered over by a dragged element when the drop effect is "copy" (modifier key is pressed).

dndDragging​

dndDragging: Classname

Defined in: packages/core/src/types/props.ts:136

Classname(s) applied to rules and groups while being dragged.

dndDropNotAllowed​

dndDropNotAllowed: Classname

Defined in: packages/core/src/types/props.ts:155

Classname(s) applied to rules and groups that cannot accept a drop from the dragged element hovering over it.

dndGroup​

dndGroup: Classname

Defined in: packages/core/src/types/props.ts:150

Classname(s) applied to rules and groups hovered over by a dragged element when the Ctrl key is pressed, indicating the items will form a new group.

dndOver​

dndOver: Classname

Defined in: packages/core/src/types/props.ts:140

Classname(s) applied to rules and groups hovered over by a dragged element.

dragHandle​

dragHandle: Classname

Defined in: packages/core/src/types/props.ts:100

Classnames applied to the <span> handle for dragging rules/groups.

fields​

fields: Classname

Defined in: packages/core/src/types/props.ts:68

Classnames applied to the <select> control for fields.

hasSubQuery​

hasSubQuery: Classname

Defined in: packages/core/src/types/props.ts:171

Classname(s) rules that render a subquery.

header: Classname

Defined in: packages/core/src/types/props.ts:32

Classnames applied to the <div> containing the RuleGroup header controls.

invalid​

invalid: Classname

Defined in: packages/core/src/types/props.ts:132

Classname(s) applied to invalid rules and groups.

lockGroup​

lockGroup: Classname

Defined in: packages/core/src/types/props.ts:108

Classnames applied to the <button> to lock/disable a RuleGroup.

lockRule​

lockRule: Classname

Defined in: packages/core/src/types/props.ts:104

Classnames applied to the <button> to lock/disable a Rule.

matchMode​

matchMode: Classname

Defined in: packages/core/src/types/props.ts:72

Classnames applied to the <select> control for match modes.

matchThreshold​

matchThreshold: Classname

Defined in: packages/core/src/types/props.ts:76

Classnames applied to the <input> for match thresholds.

notToggle​

notToggle: Classname

Defined in: packages/core/src/types/props.ts:92

Classnames applied to the <label> on the "not" toggle.

operators​

operators: Classname

Defined in: packages/core/src/types/props.ts:80

Classnames applied to the <select> control for operators.

queryBuilder​

queryBuilder: Classname

Defined in: packages/core/src/types/props.ts:24

Classnames applied to the root <div> element.

removeGroup​

removeGroup: Classname

Defined in: packages/core/src/types/props.ts:60

Classnames applied to the <button> to remove a RuleGroup.

removeRule​

removeRule: Classname

Defined in: packages/core/src/types/props.ts:88

Classnames applied to the <button> to remove a Rule.

rule​

rule: Classname

Defined in: packages/core/src/types/props.ts:64

Classnames applied to the <div> containing the Rule.

ruleGroup​

ruleGroup: Classname

Defined in: packages/core/src/types/props.ts:28

Classnames applied to the <div> containing the RuleGroup.

shiftActions​

shiftActions: Classname

Defined in: packages/core/src/types/props.ts:96

Classnames applied to the <span> handle for dragging rules/groups.

valid​

valid: Classname

Defined in: packages/core/src/types/props.ts:128

Classname(s) applied to valid rules and groups.

value​

value: Classname

Defined in: packages/core/src/types/props.ts:84

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

valueListItem​

valueListItem: Classname

Defined in: packages/core/src/types/props.ts:163

Classname(s) applied to each element in a series of value editors.

valueSelector​

valueSelector: Classname

Defined in: packages/core/src/types/props.ts:120

Classnames applied to all select elements.

valueSource​

valueSource: Classname

Defined in: packages/core/src/types/props.ts:112

Classnames applied to the <select> control for value sources.

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.