Classnames

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

Classnames applied to each component.

Properties

actionElement

actionElement: Classname

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

Classnames applied to all action elements.

---

addGroup

addGroup: Classname

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

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

---

addRule

addRule: Classname

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

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

---

betweenRules

betweenRules: Classname

Defined in: packages/core/src/types/queryBuilder.ts:148

Classname(s) applied to inline combinator elements.

---

body

body: Classname

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

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

---

branches

branches: Classname

Defined in: packages/core/src/types/queryBuilder.ts:205

Not applied, but see CSS styles.

---

cloneGroup

cloneGroup: Classname

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

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

---

cloneRule

cloneRule: Classname

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

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

---

combinators

combinators: Classname

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

Classnames applied to the <select> control for combinators.

---

disabled

disabled: Classname

Defined in: packages/core/src/types/queryBuilder.ts:193

Classname(s) applied to disabled elements.

---

dndCopy

dndCopy: Classname

Defined in: packages/core/src/types/queryBuilder.ts:169

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/queryBuilder.ts:160

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

---

dndDropNotAllowed

dndDropNotAllowed: Classname

Defined in: packages/core/src/types/queryBuilder.ts:179

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/queryBuilder.ts:174

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.

---

dndHidden

dndHidden: Classname

Defined in: packages/core/src/types/queryBuilder.ts:189

Classname(s) applied to a dragged rule or group at its original position to hide it when updateWhileDragging is enabled.

---

dndOver

dndOver: Classname

Defined in: packages/core/src/types/queryBuilder.ts:164

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

---

dndPreviewPosition

dndPreviewPosition: Classname

Defined in: packages/core/src/types/queryBuilder.ts:184

Classname(s) applied to a rule or group at its prospective position during an active drag when updateWhileDragging is enabled.

---

dragHandle

dragHandle: Classname

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

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

---

fields

fields: Classname

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

Classnames applied to the <select> control for fields.

---

hasSubQuery

hasSubQuery: Classname

Defined in: packages/core/src/types/queryBuilder.ts:209

Classname(s) applied to rules that render a subquery.

---

header

header: Classname

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

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

---

invalid

invalid: Classname

Defined in: packages/core/src/types/queryBuilder.ts:156

Classname(s) applied to invalid rules and groups.

---

loading

loading: Classname

Defined in: packages/core/src/types/queryBuilder.ts:213

Classname(s) applied to async components in their "loading" state.

---

lockGroup

lockGroup: Classname

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

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

---

lockRule

lockRule: Classname

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

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

---

matchMode

matchMode: Classname

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

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

---

matchThreshold

matchThreshold: Classname

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

Classnames applied to the <input> for match thresholds.

---

muted

muted: Classname

Defined in: packages/core/src/types/queryBuilder.ts:197

Classname(s) applied to muted elements.

---

muteGroup

muteGroup: Classname

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

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

---

muteRule

muteRule: Classname

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

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

---

notToggle

notToggle: Classname

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

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

---

operators

operators: Classname

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

Classnames applied to the <select> control for operators.

---

queryBuilder

queryBuilder: Classname

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

Classnames applied to the root <div> element.

---

redoAction

redoAction: Classname

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

Classname(s) to be applied to the "redo" button.

---

removeGroup

removeGroup: Classname

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

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

---

removeRule

removeRule: Classname

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

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

---

rule

rule: Classname

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

Classnames applied to the <div> containing the Rule.

---

ruleGroup

ruleGroup: Classname

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

Classnames applied to the <div> containing the RuleGroup.

---

shiftActions

shiftActions: Classname

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

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

---

undoAction

undoAction: Classname

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

Classname(s) to be applied to the "undo" button.

---

undoRedoActions

undoRedoActions: Classname

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

Classname(s) to be applied to the undo/redo actions container.

---

ungroup

ungroup: Classname

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

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

---

valid

valid: Classname

Defined in: packages/core/src/types/queryBuilder.ts:152

Classname(s) applied to valid rules and groups.

---

value

value: Classname

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

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

---

valueDateTimeRelative

valueDateTimeRelative: Classname

Defined in: packages/core/src/types/queryBuilder.ts:217

Classname(s) applied to value editors for relative date/time values.

---

valueListItem

valueListItem: Classname

Defined in: packages/core/src/types/queryBuilder.ts:201

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

---

valueSelector

valueSelector: Classname

Defined in: packages/core/src/types/queryBuilder.ts:144

Classnames applied to all select elements.

---

valueSource

valueSource: Classname

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

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.