Skip to main content

standardClassnames

const standardClassnames: { addGroup: "ruleGroup-addGroup"; addRule: "ruleGroup-addRule"; betweenRules: "betweenRules"; body: "ruleGroup-body"; branches: "queryBuilder-branches"; cloneGroup: "ruleGroup-cloneGroup"; cloneRule: "rule-cloneRule"; combinators: "ruleGroup-combinators"; disabled: "queryBuilder-disabled"; dndCopy: "dndCopy"; dndDragging: "dndDragging"; dndDropNotAllowed: "dndDropNotAllowed"; dndGroup: "dndGroup"; dndHidden: "dndHidden"; dndOver: "dndOver"; dndPreviewPosition: "dndPreviewPosition"; dragHandle: "queryBuilder-dragHandle"; fields: "rule-fields"; hasSubQuery: "rule-hasSubQuery"; header: "ruleGroup-header"; invalid: "queryBuilder-invalid"; justified: "queryBuilder-justified"; loading: "queryBuilder-loading"; lockGroup: "ruleGroup-lock"; lockRule: "rule-lock"; matchMode: "rule-matchMode"; matchThreshold: "rule-matchThreshold"; muted: "queryBuilder-muted"; muteGroup: "ruleGroup-mute"; muteRule: "rule-mute"; notToggle: "ruleGroup-notToggle"; operators: "rule-operators"; queryBuilder: "queryBuilder"; redoAction: "undoRedoActions-redo"; removeGroup: "ruleGroup-remove"; removeRule: "rule-remove"; responsive: "queryBuilder-responsive"; rule: "rule"; ruleGroup: "ruleGroup"; shiftActions: "shiftActions"; undoAction: "undoRedoActions-undo"; undoRedoActions: "undoRedoActions"; ungroup: "ruleGroup-ungroup"; valid: "queryBuilder-valid"; value: "rule-value"; valueDateTimeRelative: "rule-value-dateTimeRelative"; valueListItem: "rule-value-list-item"; valueSource: "rule-valueSource"; }

Defined in: packages/core/src/defaults.ts:327

Standard classnames applied to each component.

Type Declaration​

addGroup​

readonly addGroup: "ruleGroup-addGroup" = 'ruleGroup-addGroup'

addRule​

readonly addRule: "ruleGroup-addRule" = 'ruleGroup-addRule'

betweenRules​

readonly betweenRules: "betweenRules" = 'betweenRules'

body​

readonly body: "ruleGroup-body" = 'ruleGroup-body'

branches​

readonly branches: "queryBuilder-branches" = 'queryBuilder-branches'

cloneGroup​

readonly cloneGroup: "ruleGroup-cloneGroup" = 'ruleGroup-cloneGroup'

cloneRule​

readonly cloneRule: "rule-cloneRule" = 'rule-cloneRule'

combinators​

readonly combinators: "ruleGroup-combinators" = 'ruleGroup-combinators'

disabled​

readonly disabled: "queryBuilder-disabled" = 'queryBuilder-disabled'

dndCopy​

readonly dndCopy: "dndCopy" = 'dndCopy'

dndDragging​

readonly dndDragging: "dndDragging" = 'dndDragging'

dndDropNotAllowed​

readonly dndDropNotAllowed: "dndDropNotAllowed" = 'dndDropNotAllowed'

dndGroup​

readonly dndGroup: "dndGroup" = 'dndGroup'

dndHidden​

readonly dndHidden: "dndHidden" = 'dndHidden'

dndOver​

readonly dndOver: "dndOver" = 'dndOver'

dndPreviewPosition​

readonly dndPreviewPosition: "dndPreviewPosition" = 'dndPreviewPosition'

dragHandle​

readonly dragHandle: "queryBuilder-dragHandle" = 'queryBuilder-dragHandle'

fields​

readonly fields: "rule-fields" = 'rule-fields'

hasSubQuery​

readonly hasSubQuery: "rule-hasSubQuery" = 'rule-hasSubQuery'

readonly header: "ruleGroup-header" = 'ruleGroup-header'

invalid​

readonly invalid: "queryBuilder-invalid" = 'queryBuilder-invalid'

justified​

readonly justified: "queryBuilder-justified" = 'queryBuilder-justified'

loading​

readonly loading: "queryBuilder-loading" = 'queryBuilder-loading'

lockGroup​

readonly lockGroup: "ruleGroup-lock" = 'ruleGroup-lock'

lockRule​

readonly lockRule: "rule-lock" = 'rule-lock'

matchMode​

readonly matchMode: "rule-matchMode" = 'rule-matchMode'

matchThreshold​

readonly matchThreshold: "rule-matchThreshold" = 'rule-matchThreshold'

muted​

readonly muted: "queryBuilder-muted" = 'queryBuilder-muted'

muteGroup​

readonly muteGroup: "ruleGroup-mute" = 'ruleGroup-mute'

muteRule​

readonly muteRule: "rule-mute" = 'rule-mute'

notToggle​

readonly notToggle: "ruleGroup-notToggle" = 'ruleGroup-notToggle'

operators​

readonly operators: "rule-operators" = 'rule-operators'

queryBuilder​

readonly queryBuilder: "queryBuilder" = 'queryBuilder'

redoAction​

readonly redoAction: "undoRedoActions-redo" = 'undoRedoActions-redo'

removeGroup​

readonly removeGroup: "ruleGroup-remove" = 'ruleGroup-remove'

removeRule​

readonly removeRule: "rule-remove" = 'rule-remove'

responsive​

readonly responsive: "queryBuilder-responsive" = 'queryBuilder-responsive'

rule​

readonly rule: "rule" = 'rule'

ruleGroup​

readonly ruleGroup: "ruleGroup" = 'ruleGroup'

shiftActions​

readonly shiftActions: "shiftActions" = 'shiftActions'

undoAction​

readonly undoAction: "undoRedoActions-undo" = 'undoRedoActions-undo'

undoRedoActions​

readonly undoRedoActions: "undoRedoActions" = 'undoRedoActions'

ungroup​

readonly ungroup: "ruleGroup-ungroup" = 'ruleGroup-ungroup'

valid​

readonly valid: "queryBuilder-valid" = 'queryBuilder-valid'

value​

readonly value: "rule-value" = 'rule-value'

valueDateTimeRelative​

readonly valueDateTimeRelative: "rule-value-dateTimeRelative" = 'rule-value-dateTimeRelative'

valueListItem​

readonly valueListItem: "rule-value-list-item" = 'rule-value-list-item'

valueSource​

readonly valueSource: "rule-valueSource" = 'rule-valueSource'

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.