MantineActionProps

Defined in: packages/mantine/src/MantineActionElement.tsx:9

Extends

• ActionProps.Partial<ButtonProps>

Methods

handleOnClick()

handleOnClick(e?: MouseEvent<Element, MouseEvent>, context?: any): void

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:303

Triggers the action, e.g. the addition of a new rule or group. The second parameter will be forwarded to the onAddRule or onAddGroup callback if appropriate.

Parameters

Parameter	Type
e?	MouseEvent<Element, MouseEvent>
context?	any

Returns

void

Inherited from

ActionProps.handleOnClick

Properties

__size?

optional __size: string

Defined in: node_modules/@mantine/core/lib/core/Box/Box.d.ts:14

size property passed down the HTML element

Inherited from

Partial.__size

---

__vars?

optional __vars: CssVarsProp

Defined in: node_modules/@mantine/core/lib/core/Box/Box.d.ts:12

CSS variables defined on root component element

Inherited from

Partial.__vars

---

attributes?

optional attributes: { inner?: Record<string, any>; label?: Record<string, any>; loader?: Record<string, any>; root?: Record<string, any>; section?: Record<string, any>; }

Defined in: node_modules/@mantine/core/lib/core/styles-api/styles-api.types.d.ts:36

inner?

optional inner: Record<string, any>

label?

optional label: Record<string, any>

loader?

optional loader: Record<string, any>

root?

optional root: Record<string, any>

section?

optional section: Record<string, any>

Inherited from

Partial.attributes

---

autoContrast?

optional autoContrast: boolean

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:37

If set, adjusts text color based on background color for filled variant

Inherited from

Partial.autoContrast

---

bd?

optional bd: StyleProp<undefined | Border<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:41

Border

Inherited from

Partial.bd

---

bdrs?

optional bdrs: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:43

BorderRadius, theme key: theme.radius

Inherited from

Partial.bdrs

---

bg?

optional bg: StyleProp<DefaultMantineColor>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:45

Background, theme key: theme.colors

Inherited from

Partial.bg

---

bga?

optional bga: StyleProp<undefined | BackgroundAttachment>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:86

BackgroundAttachment

Inherited from

Partial.bga

---

bgp?

optional bgp: StyleProp<undefined | BackgroundPosition<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:82

BackgroundPosition

Inherited from

Partial.bgp

---

bgr?

optional bgr: StyleProp<undefined | BackgroundRepeat>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:84

BackgroundRepeat

Inherited from

Partial.bgr

---

bgsz?

optional bgsz: StyleProp<undefined | BackgroundSize<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:80

BackgroundSize

Inherited from

Partial.bgsz

---

bottom?

optional bottom: StyleProp<undefined | Bottom<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:91

Inherited from

Partial.bottom

---

c?

optional c: StyleProp<DefaultMantineColor>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:47

Color

Inherited from

Partial.c

---

children?

optional children: ReactNode

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:31

Button content

Inherited from

Partial.children

---

className?

optional className: string

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:67

CSS classNames to be applied.

This is string and not Classname because the Rule and RuleGroup components run clsx() to produce the className that gets passed to each subcomponent.

Inherited from

ActionProps.className

---

classNames?

optional classNames: Partial<Record<ButtonStylesNames, string>> | (theme: MantineTheme, props: ButtonProps, ctx: unknown) => StylesRecord<Payload["stylesNames"], DataType>

Defined in: node_modules/@mantine/core/lib/core/styles-api/styles-api.types.d.ts:33

Inherited from

Partial.classNames

---

color?

optional color: DefaultMantineColor

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:15

Key of theme.colors or any valid CSS color

Default

theme.primaryColor

Inherited from

Partial.color

---

context?

optional context: any

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:88

Container for custom props that are passed to all components.

Inherited from

ActionProps.context

---

darkHidden?

optional darkHidden: boolean

Defined in: node_modules/@mantine/core/lib/core/Box/Box.d.ts:22

Determines whether component should be hidden in dark color scheme with display: none

Inherited from

Partial.darkHidden

---

data-disabled?

optional data-disabled: boolean

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:11

Inherited from

Partial.data-disabled

---

disabled?

optional disabled: boolean

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:83

Disables the control.

Inherited from

ActionProps.disabled

---

disabledTranslation?

optional disabledTranslation: TranslationWithLabel

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:308

Translation which overrides the regular label/title props when the element is disabled.

Inherited from

ActionProps.disabledTranslation

---

display?

optional display: StyleProp<undefined | Display>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:94

Inherited from

Partial.display

---

ff?

optional ff: StyleProp<"text" | string & { } | "heading" | "monospace">

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:50

FontFamily

Inherited from

Partial.ff

---

flex?

optional flex: StyleProp<undefined | Flex<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:95

Inherited from

Partial.flex

---

fs?

optional fs: StyleProp<undefined | FontStyle>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:62

FontStyle

Inherited from

Partial.fs

---

fullWidth?

optional fullWidth: boolean

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:23

If set, the button takes 100% width of its parent container

Default

false

Inherited from

Partial.fullWidth

---

fw?

optional fw: StyleProp<undefined | FontWeight>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:54

FontWeight

Inherited from

Partial.fw

---

fz?

optional fz: StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | MantineFontSize>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:52

FontSize, theme key: theme.fontSizes

Inherited from

Partial.fz

---

gradient?

optional gradient: MantineGradient

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:27

Gradient configuration used when variant="gradient"

Default

theme.defaultGradient

Inherited from

Partial.gradient

---

h?

optional h: StyleProp<undefined | Height<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:74

Height, theme key: theme.spacing

Inherited from

Partial.h

---

hiddenFrom?

optional hiddenFrom: MantineBreakpoint

Defined in: node_modules/@mantine/core/lib/core/Box/Box.d.ts:16

Breakpoint above which the component is hidden with display: none

Inherited from

Partial.hiddenFrom

---

inset?

optional inset: StyleProp<undefined | Inset<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:93

Inherited from

Partial.inset

---

justify?

optional justify: JustifyContent

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:17

Sets justify-content of inner element, can be used to change distribution of sections and label

Default

'center'

Inherited from

Partial.justify

---

label?

optional label: ReactNode

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:297

Visible text.

Inherited from

ActionProps.label

---

left?

optional left: StyleProp<undefined | Left<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:90

Inherited from

Partial.left

---

leftSection?

optional leftSection: ReactNode

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:19

Content displayed on the left side of the button label

Inherited from

Partial.leftSection

---

level

level: number

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:75

The level of the current group. Always equal to path.length.

Inherited from

ActionProps.level

---

lh?

optional lh: StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | MantineLineHeight>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:60

LineHeight, theme key: lineHeights

Inherited from

Partial.lh

---

lightHidden?

optional lightHidden: boolean

Defined in: node_modules/@mantine/core/lib/core/Box/Box.d.ts:20

Determines whether component should be hidden in light color scheme with display: none

Inherited from

Partial.lightHidden

---

loaderProps?

optional loaderProps: LoaderProps

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:35

Props added to the Loader component (only visible when loading prop is set)

Inherited from

Partial.loaderProps

---

loading?

optional loading: boolean

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:33

If set, the Loader component is displayed over the button

Inherited from

Partial.loading

---

lts?

optional lts: StyleProp<undefined | LetterSpacing<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:56

LetterSpacing

Inherited from

Partial.lts

---

m?

optional m: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:5

Margin, theme key: theme.spacing

Inherited from

Partial.m

---

mah?

optional mah: StyleProp<undefined | MaxHeight<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:78

MaxHeight, theme key: theme.spacing

Inherited from

Partial.mah

---

maw?

optional maw: StyleProp<undefined | MaxWidth<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:72

MaxWidth, theme key: theme.spacing

Inherited from

Partial.maw

---

mb?

optional mb: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:13

MarginBottom, theme key: theme.spacing

Inherited from

Partial.mb

---

me?

optional me: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:17

MarginInlineEnd, theme key: theme.spacing

Inherited from

Partial.me

---

mih?

optional mih: StyleProp<undefined | MinHeight<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:76

MinHeight, theme key: theme.spacing

Inherited from

Partial.mih

---

miw?

optional miw: StyleProp<undefined | MinWidth<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:70

MinWidth, theme key: theme.spacing

Inherited from

Partial.miw

---

ml?

optional ml: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:19

MarginLeft, theme key: theme.spacing

Inherited from

Partial.ml

---

mod?

optional mod: BoxMod

Defined in: node_modules/@mantine/core/lib/core/Box/Box.d.ts:24

Element modifiers transformed into data- attributes, for example, { 'data-size': 'xl' }, falsy values are removed

Inherited from

Partial.mod

---

mr?

optional mr: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:21

MarginRight, theme key: theme.spacing

Inherited from

Partial.mr

---

ms?

optional ms: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:15

MarginInlineStart, theme key: theme.spacing

Inherited from

Partial.ms

---

mt?

optional mt: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:11

MarginTop, theme key: theme.spacing

Inherited from

Partial.mt

---

mx?

optional mx: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:9

MarginInline, theme key: theme.spacing

Inherited from

Partial.mx

---

my?

optional my: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:7

MarginBlock, theme key: theme.spacing

Inherited from

Partial.my

---

opacity?

optional opacity: StyleProp<undefined | Opacity>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:48

Inherited from

Partial.opacity

---

p?

optional p: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:23

Padding, theme key: theme.spacing

Inherited from

Partial.p

---

path

path: Path

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:71

Path to this subcomponent's rule/group within the query.

Inherited from

ActionProps.path

---

pb?

optional pb: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:31

PaddingBottom, theme key: theme.spacing

Inherited from

Partial.pb

---

pe?

optional pe: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:35

PaddingInlineEnd, theme key: theme.spacing

Inherited from

Partial.pe

---

pl?

optional pl: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:37

PaddingLeft, theme key: theme.spacing

Inherited from

Partial.pl

---

pos?

optional pos: StyleProp<undefined | Position>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:88

Position

Inherited from

Partial.pos

---

pr?

optional pr: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:39

PaddingRight, theme key: theme.spacing

Inherited from

Partial.pr

---

ps?

optional ps: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:33

PaddingInlineStart, theme key: theme.spacing

Inherited from

Partial.ps

---

pt?

optional pt: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:29

PaddingTop, theme key: theme.spacing

Inherited from

Partial.pt

---

px?

optional px: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:27

PaddingInline, theme key: theme.spacing

Inherited from

Partial.px

---

py?

optional py: StyleProp<MantineSpacing>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:25

PaddingBlock, theme key: theme.spacing

Inherited from

Partial.py

---

radius?

optional radius: MantineRadius

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:25

Key of theme.radius or any valid CSS value to set border-radius

Default

theme.defaultRadius

Inherited from

Partial.radius

---

right?

optional right: StyleProp<undefined | Right<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:92

Inherited from

Partial.right

---

rightSection?

optional rightSection: ReactNode

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:21

Content displayed on the right side of the button label

Inherited from

Partial.rightSection

---

ruleOrGroup

ruleOrGroup: RuleType<string, string, any, string> | RuleGroupTypeAny

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:313

The RuleType or RuleGroupType/RuleGroupTypeIC associated with this element.

Inherited from

ActionProps.ruleOrGroup

---

rules?

optional rules: RuleOrGroupArray

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:317

Rules in this group (if the action element is for a group).

Inherited from

ActionProps.rules

---

schema

schema: Schema<{[key: string]: unknown; className?: Classname; comparator?: string | (f: { [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt..., operator: string) => boolean; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: null | InputType; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: string[] | FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }> | FlexibleOption<string>[] | string | FlexibleOption<string>[]; placeholder?: string; subproperties?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; id?: string | undefined; operators?: string[] | FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | FlexibleOption<...>[] | (string | FlexibleOpt...>; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | (operator: string) => ValueEditorType; values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }>; valueSources?: ValueSources | ValueSourceFlexibleOptions | (operator: string) => ValueSources | ValueSourceFlexibleOptions; }, string>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:100

All subcomponents receive the configuration schema as a prop.

Inherited from

ActionProps.schema

---

size?

optional size: string & { } | MantineSize | "compact-xs" | "compact-sm" | "compact-md" | "compact-lg" | "compact-xl"

Defined in: node_modules/@mantine/core/lib/components/Button/Button.d.ts:13

Controls button height, font-size and horizontal padding

Default

'sm'

Inherited from

Partial.size

---

style?

optional style: MantineStyleProp

Defined in: node_modules/@mantine/core/lib/core/Box/Box.d.ts:10

Inline style added to root component element, can subscribe to theme defined on MantineProvider

Inherited from

Partial.style

---

styles?

optional styles: Partial<Record<ButtonStylesNames, CSSProperties>> | (theme: MantineTheme, props: ButtonProps, ctx: unknown) => StylesRecord<Payload["stylesNames"], DataType>

Defined in: node_modules/@mantine/core/lib/core/styles-api/styles-api.types.d.ts:34

Inherited from

Partial.styles

---

ta?

optional ta: StyleProp<undefined | TextAlign>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:58

TextAlign

Inherited from

Partial.ta

---

td?

optional td: StyleProp<undefined | TextDecoration<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:66

TextDecoration

Inherited from

Partial.td

---

testID?

optional testID: string

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:96

Test ID for this component.

Inherited from

ActionProps.testID

---

title?

optional title: string

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:79

The title/tooltip for this control.

Inherited from

ActionProps.title

---

top?

optional top: StyleProp<undefined | Top<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:89

Inherited from

Partial.top

---

tt?

optional tt: StyleProp<undefined | TextTransform>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:64

TextTransform

Inherited from

Partial.tt

---

unstyled?

optional unstyled: boolean

Defined in: node_modules/@mantine/core/lib/core/styles-api/styles-api.types.d.ts:31

Inherited from

Partial.unstyled

---

validation?

optional validation: boolean | ValidationResult

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:92

Validation result of the parent rule/group.

Inherited from

ActionProps.validation

---

variant?

optional variant: string & { } | ButtonVariant

Defined in: node_modules/@mantine/core/lib/core/styles-api/styles-api.types.d.ts:32

Inherited from

Partial.variant

---

vars?

optional vars: PartialVarsResolver<{ defaultComponent: "button"; defaultRef: HTMLButtonElement; props: ButtonProps; staticComponents: { Group: MantineComponent<{ props: ButtonGroupProps; ref: HTMLDivElement; stylesNames: "group"; vars: ButtonGroupCssVariables; }>; GroupSection: MantineComponent<{ props: ButtonGroupSectionProps; ref: HTMLDivElement; stylesNames: "groupSection"; variant: ButtonVariant; vars: ButtonGroupSectionCssVariables; }>; }; stylesNames: ButtonStylesNames; variant: ButtonVariant; vars: ButtonCssVariables; }>

Defined in: node_modules/@mantine/core/lib/core/styles-api/styles-api.types.d.ts:35

Inherited from

Partial.vars

---

visibleFrom?

optional visibleFrom: MantineBreakpoint

Defined in: node_modules/@mantine/core/lib/core/Box/Box.d.ts:18

Breakpoint below which the component is hidden with display: none

Inherited from

Partial.visibleFrom

---

w?

optional w: StyleProp<undefined | Width<string | number>>

Defined in: node_modules/@mantine/core/lib/core/Box/style-props/style-props.types.d.ts:68

Width, theme key: theme.spacing

Inherited from

Partial.w

---

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.