ChakraActionProps

Defined in: packages/chakra/src/ChakraActionElement.tsx:9

Extends

• ActionProps.ComponentPropsWithoutRef<typeof Button>

Methods

handleOnClick()

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

Defined in: packages/react-querybuilder/src/types/props.ts:268

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

_active?

optional _active: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:5

&:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open])

Inherited from

ComponentPropsWithoutRef._active

---

_after?

optional _after: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:41

&::after

Inherited from

ComponentPropsWithoutRef._after

---

_atValue?

optional _atValue: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:135

&[data-state=at-value]

Inherited from

ComponentPropsWithoutRef._atValue

---

_autofill?

optional _autofill: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:115

&:autofill

Inherited from

ComponentPropsWithoutRef._autofill

---

_backdrop?

optional _backdrop: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:53

&::backdrop

Inherited from

ComponentPropsWithoutRef._backdrop

---

_before?

optional _before: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:39

&::before

Inherited from

ComponentPropsWithoutRef._before

---

_checked?

optional _checked: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:25

&:is(:checked, [data-checked], [aria-checked=true], [data-state=checked])

Inherited from

ComponentPropsWithoutRef._checked

---

_closed?

optional _closed: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:143

&:is([closed], [data-closed], [data-state=closed])

Inherited from

ComponentPropsWithoutRef._closed

---

_complete?

optional _complete: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:33

&[data-complete]

Inherited from

ComponentPropsWithoutRef._complete

---

_current?

optional _current: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:151

&[data-current]

Inherited from

ComponentPropsWithoutRef._current

---

_currentPage?

optional _currentPage: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:153

&[aria-current=page]

Inherited from

ComponentPropsWithoutRef._currentPage

---

_currentStep?

optional _currentStep: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:155

&[aria-current=step]

Inherited from

ComponentPropsWithoutRef._currentStep

---

_dark?

optional _dark: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:179

.dark &, .dark .chakra-theme:not(.light) &

Inherited from

ComponentPropsWithoutRef._dark

---

_default?

optional _default: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:137

&:default

Inherited from

ComponentPropsWithoutRef._default

---

_disabled?

optional _disabled: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:13

&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])

Inherited from

ComponentPropsWithoutRef._disabled

---

_dragging?

optional _dragging: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:37

&[data-dragging]

Inherited from

ComponentPropsWithoutRef._dragging

---

_empty?

optional _empty: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:23

&:is(:empty, [data-empty])

Inherited from

ComponentPropsWithoutRef._empty

---

_enabled?

optional _enabled: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:27

&:enabled

Inherited from

ComponentPropsWithoutRef._enabled

---

_even?

optional _even: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:65

&:nth-of-type(even)

Inherited from

ComponentPropsWithoutRef._even

---

_expanded?

optional _expanded: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:29

&:is([aria-expanded=true], [data-expanded], [data-state=expanded])

Inherited from

ComponentPropsWithoutRef._expanded

---

_file?

optional _file: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:51

&::file-selector-button

Inherited from

ComponentPropsWithoutRef._file

---

_first?

optional _first: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:55

&:first-of-type

Inherited from

ComponentPropsWithoutRef._first

---

_firstLetter?

optional _firstLetter: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:43

&::first-letter

Inherited from

ComponentPropsWithoutRef._firstLetter

---

_firstLine?

optional _firstLine: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:45

&::first-line

Inherited from

ComponentPropsWithoutRef._firstLine

---

_focus?

optional _focus: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:7

&:is(:focus, [data-focus])

Inherited from

ComponentPropsWithoutRef._focus

---

_focusVisible?

optional _focusVisible: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:11

&:is(:focus-visible, [data-focus-visible])

Inherited from

ComponentPropsWithoutRef._focusVisible

---

_focusWithin?

optional _focusWithin: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:9

&:is(:focus-within, [data-focus-within])

Inherited from

ComponentPropsWithoutRef._focusWithin

---

_fullscreen?

optional _fullscreen: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:145

&:is(:fullscreen, [data-fullscreen])

Inherited from

ComponentPropsWithoutRef._fullscreen

---

_grabbed?

optional _grabbed: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:129

&:is([aria-grabbed=true], [data-grabbed])

Inherited from

ComponentPropsWithoutRef._grabbed

---

_groupActive?

optional _groupActive: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:93

.group:is(:active, [data-active]):not(:disabled, [data-disabled]) &

Inherited from

ComponentPropsWithoutRef._groupActive

---

_groupChecked?

optional _groupChecked: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:101

.group:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) &

Inherited from

ComponentPropsWithoutRef._groupChecked

---

_groupDisabled?

optional _groupDisabled: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:99

.group:is(:disabled, [disabled], [data-disabled]) &

Inherited from

ComponentPropsWithoutRef._groupDisabled

---

_groupExpanded?

optional _groupExpanded: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:103

.group:is([aria-expanded=true], [data-expanded], [data-state=expanded]) &

Inherited from

ComponentPropsWithoutRef._groupExpanded

---

_groupFocus?

optional _groupFocus: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:89

.group:is(:focus, [data-focus]) &

Inherited from

ComponentPropsWithoutRef._groupFocus

---

_groupFocusVisible?

optional _groupFocusVisible: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:97

.group:is(:focus-visible, [data-focus-visible]) &

Inherited from

ComponentPropsWithoutRef._groupFocusVisible

---

_groupFocusWithin?

optional _groupFocusWithin: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:95

.group:focus-within &

Inherited from

ComponentPropsWithoutRef._groupFocusWithin

---

_groupHover?

optional _groupHover: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:91

.group:is(:hover, [data-hover]):not(:disabled, [data-disabled]) &

Inherited from

ComponentPropsWithoutRef._groupHover

---

_groupInvalid?

optional _groupInvalid: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:105

.group:invalid &

Inherited from

ComponentPropsWithoutRef._groupInvalid

---

_hidden?

optional _hidden: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:149

&:is([hidden], [data-hidden])

Inherited from

ComponentPropsWithoutRef._hidden

---

_highContrast?

optional _highContrast: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:187

@media (forced-colors: active)

Inherited from

ComponentPropsWithoutRef._highContrast

---

_highlighted?

optional _highlighted: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:31

&[data-highlighted]

Inherited from

ComponentPropsWithoutRef._highlighted

---

_horizontal?

optional _horizontal: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:203

&[data-orientation=horizontal]

Inherited from

ComponentPropsWithoutRef._horizontal

---

_hover?

optional _hover: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:3

@media (hover: hover),&:is(:hover, [data-hover]):not(:disabled, [data-disabled])

Inherited from

ComponentPropsWithoutRef._hover

---

_icon?

optional _icon: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:207

& :where(svg)

Inherited from

ComponentPropsWithoutRef._icon

---

_incomplete?

optional _incomplete: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:35

&[data-incomplete]

Inherited from

ComponentPropsWithoutRef._incomplete

---

_indeterminate?

optional _indeterminate: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:107

&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])

Inherited from

ComponentPropsWithoutRef._indeterminate

---

_inRange?

optional _inRange: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:117

&:is(:in-range, [data-in-range])

Inherited from

ComponentPropsWithoutRef._inRange

---

_invalid?

optional _invalid: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:113

&:is([data-invalid], [aria-invalid=true], [data-state=invalid])

Inherited from

ComponentPropsWithoutRef._invalid

---

_landscape?

optional _landscape: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:175

@media (orientation: landscape)

Inherited from

ComponentPropsWithoutRef._landscape

---

_last?

optional _last: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:57

&:last-of-type

Inherited from

ComponentPropsWithoutRef._last

---

_lessContrast?

optional _lessContrast: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:189

@media (prefers-contrast: less)

Inherited from

ComponentPropsWithoutRef._lessContrast

---

_light?

optional _light: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:181

:root &, .light &

Inherited from

ComponentPropsWithoutRef._light

---

_loading?

optional _loading: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:147

&:is([data-loading], [aria-busy=true])

Inherited from

ComponentPropsWithoutRef._loading

---

_ltr?

optional _ltr: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:193

[dir=ltr] &

Inherited from

ComponentPropsWithoutRef._ltr

---

_marker?

optional _marker: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:47

&::marker

Inherited from

ComponentPropsWithoutRef._marker

---

_moreContrast?

optional _moreContrast: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:191

@media (prefers-contrast: more)

Inherited from

ComponentPropsWithoutRef._moreContrast

---

_motionReduce?

optional _motionReduce: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:169

@media (prefers-reduced-motion: reduce)

Inherited from

ComponentPropsWithoutRef._motionReduce

---

_motionSafe?

optional _motionSafe: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:171

@media (prefers-reduced-motion: no-preference)

Inherited from

ComponentPropsWithoutRef._motionSafe

---

_notFirst?

optional _notFirst: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:59

&:not(:first-of-type)

Inherited from

ComponentPropsWithoutRef._notFirst

---

_notLast?

optional _notLast: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:61

&:not(:last-of-type)

Inherited from

ComponentPropsWithoutRef._notLast

---

_now?

optional _now: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:165

&[data-now]

Inherited from

ComponentPropsWithoutRef._now

---

_odd?

optional _odd: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:67

&:nth-of-type(odd)

Inherited from

ComponentPropsWithoutRef._odd

---

_only?

optional _only: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:63

&:only-child

Inherited from

ComponentPropsWithoutRef._only

---

_open?

optional _open: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:141

&:is([open], [data-open], [data-state=open])

Inherited from

ComponentPropsWithoutRef._open

---

_optional?

optional _optional: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:139

&:optional

Inherited from

ComponentPropsWithoutRef._optional

---

_osDark?

optional _osDark: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:183

@media (prefers-color-scheme: dark)

Inherited from

ComponentPropsWithoutRef._osDark

---

_osLight?

optional _osLight: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:185

@media (prefers-color-scheme: light)

Inherited from

ComponentPropsWithoutRef._osLight

---

_outOfRange?

optional _outOfRange: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:119

&:is(:out-of-range, [data-outside-range])

Inherited from

ComponentPropsWithoutRef._outOfRange

---

_overValue?

optional _overValue: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:133

&[data-state=over-value]

Inherited from

ComponentPropsWithoutRef._overValue

---

_peerActive?

optional _peerActive: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:73

.peer:is(:active, [data-active]):not(:disabled, [data-disabled]) ~ &

Inherited from

ComponentPropsWithoutRef._peerActive

---

_peerChecked?

optional _peerChecked: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:81

.peer:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) ~ &

Inherited from

ComponentPropsWithoutRef._peerChecked

---

_peerDisabled?

optional _peerDisabled: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:79

.peer:is(:disabled, [disabled], [data-disabled]) ~ &

Inherited from

ComponentPropsWithoutRef._peerDisabled

---

_peerExpanded?

optional _peerExpanded: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:85

.peer:is([aria-expanded=true], [data-expanded], [data-state=expanded]) ~ &

Inherited from

ComponentPropsWithoutRef._peerExpanded

---

_peerFocus?

optional _peerFocus: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:69

.peer:is(:focus, [data-focus]) ~ &

Inherited from

ComponentPropsWithoutRef._peerFocus

---

_peerFocusVisible?

optional _peerFocusVisible: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:77

.peer:is(:focus-visible, [data-focus-visible]) ~ &

Inherited from

ComponentPropsWithoutRef._peerFocusVisible

---

_peerFocusWithin?

optional _peerFocusWithin: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:75

.peer:focus-within ~ &

Inherited from

ComponentPropsWithoutRef._peerFocusWithin

---

_peerHover?

optional _peerHover: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:71

.peer:is(:hover, [data-hover]):not(:disabled, [data-disabled]) ~ &

Inherited from

ComponentPropsWithoutRef._peerHover

---

_peerInvalid?

optional _peerInvalid: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:83

.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &

Inherited from

ComponentPropsWithoutRef._peerInvalid

---

_peerPlaceholderShown?

optional _peerPlaceholderShown: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:87

.peer:placeholder-shown ~ &

Inherited from

ComponentPropsWithoutRef._peerPlaceholderShown

---

_placeholder?

optional _placeholder: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:121

&::placeholder, &[data-placeholder]

Inherited from

ComponentPropsWithoutRef._placeholder

---

_placeholderShown?

optional _placeholderShown: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:123

&:is(:placeholder-shown, [data-placeholder-shown])

Inherited from

ComponentPropsWithoutRef._placeholderShown

---

_portrait?

optional _portrait: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:177

@media (orientation: portrait)

Inherited from

ComponentPropsWithoutRef._portrait

---

_pressed?

optional _pressed: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:125

&:is([aria-pressed=true], [data-pressed])

Inherited from

ComponentPropsWithoutRef._pressed

---

_print?

optional _print: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:173

@media print

Inherited from

ComponentPropsWithoutRef._print

---

_rangeEnd?

optional _rangeEnd: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:163

&[data-range-end]

Inherited from

ComponentPropsWithoutRef._rangeEnd

---

_rangeStart?

optional _rangeStart: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:161

&[data-range-start]

Inherited from

ComponentPropsWithoutRef._rangeStart

---

_readOnly?

optional _readOnly: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:19

&:is([data-readonly], [aria-readonly=true], [readonly])

Inherited from

ComponentPropsWithoutRef._readOnly

---

_readWrite?

optional _readWrite: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:21

&:read-write

Inherited from

ComponentPropsWithoutRef._readWrite

---

_required?

optional _required: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:109

&:is([data-required], [aria-required=true])

Inherited from

ComponentPropsWithoutRef._required

---

_rtl?

optional _rtl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:195

[dir=rtl] &

Inherited from

ComponentPropsWithoutRef._rtl

---

_scrollbar?

optional _scrollbar: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:197

&::-webkit-scrollbar

Inherited from

ComponentPropsWithoutRef._scrollbar

---

_scrollbarThumb?

optional _scrollbarThumb: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:199

&::-webkit-scrollbar-thumb

Inherited from

ComponentPropsWithoutRef._scrollbarThumb

---

_scrollbarTrack?

optional _scrollbarTrack: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:201

&::-webkit-scrollbar-track

Inherited from

ComponentPropsWithoutRef._scrollbarTrack

---

_selected?

optional _selected: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:127

&:is([aria-selected=true], [data-selected])

Inherited from

ComponentPropsWithoutRef._selected

---

_selection?

optional _selection: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:49

&::selection

Inherited from

ComponentPropsWithoutRef._selection

---

_starting?

optional _starting: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:209

@starting-style

Inherited from

ComponentPropsWithoutRef._starting

---

_target?

optional _target: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:17

&:target

Inherited from

ComponentPropsWithoutRef._target

---

_today?

optional _today: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:157

&[data-today]

Inherited from

ComponentPropsWithoutRef._today

---

_topmost?

optional _topmost: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:167

&[data-topmost]

Inherited from

ComponentPropsWithoutRef._topmost

---

_unavailable?

optional _unavailable: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:159

&[data-unavailable]

Inherited from

ComponentPropsWithoutRef._unavailable

---

_underValue?

optional _underValue: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:131

&[data-state=under-value]

Inherited from

ComponentPropsWithoutRef._underValue

---

_valid?

optional _valid: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:111

&:is([data-valid], [data-state=valid])

Inherited from

ComponentPropsWithoutRef._valid

---

_vertical?

optional _vertical: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:205

&[data-orientation=vertical]

Inherited from

ComponentPropsWithoutRef._vertical

---

_visited?

optional _visited: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:15

&:visited

Inherited from

ComponentPropsWithoutRef._visited

---

2xl?

optional 2xl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:235

@media screen and (min-width: 96rem)

Inherited from

ComponentPropsWithoutRef.2xl

---

2xlDown?

optional 2xlDown: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:239

@media screen and (max-width: 95.9975rem)

Inherited from

ComponentPropsWithoutRef.2xlDown

---

2xlOnly?

optional 2xlOnly: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:237

@media screen and (min-width: 96rem)

Inherited from

ComponentPropsWithoutRef.2xlOnly

---

about?

optional about: string

Defined in: node_modules/@types/react/index.d.ts:2783

Inherited from

ComponentPropsWithoutRef.about

---

accentColor?

optional accentColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | "auto" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:43

Inherited from

ComponentPropsWithoutRef.accentColor

---

accessKey?

optional accessKey: string

Defined in: node_modules/@types/react/index.d.ts:2756

Inherited from

ComponentPropsWithoutRef.accessKey

---

alignContent?

optional alignContent: ConditionalValue<readonly string[] | AnyString | AlignContent | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:44

Inherited from

ComponentPropsWithoutRef.alignContent

---

alignItems?

optional alignItems: ConditionalValue<readonly string[] | AnyString | AlignItems | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:45

Inherited from

ComponentPropsWithoutRef.alignItems

---

alignmentBaseline?

optional alignmentBaseline: ConditionalValue<AnyString | AlignmentBaseline | readonly NonNullable<AlignmentBaseline | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:590

Inherited from

ComponentPropsWithoutRef.alignmentBaseline

---

alignSelf?

optional alignSelf: ConditionalValue<readonly string[] | AnyString | AlignSelf | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:46

Inherited from

ComponentPropsWithoutRef.alignSelf

---

alignTracks?

optional alignTracks: ConditionalValue<readonly string[] | AnyString | AlignTracks | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:47

Inherited from

ComponentPropsWithoutRef.alignTracks

---

all?

optional all: ConditionalValue<AnyString | Globals | readonly NonNullable<Globals | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:48

Inherited from

ComponentPropsWithoutRef.all

---

anchorName?

optional anchorName: ConditionalValue<readonly string[] | AnyString | AnchorName | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:49

Inherited from

ComponentPropsWithoutRef.anchorName

---

anchorScope?

optional anchorScope: ConditionalValue<readonly string[] | AnyString | AnchorScope | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:50

Inherited from

ComponentPropsWithoutRef.anchorScope

---

animation?

optional animation: ConditionalValue<`var(--${string})` | AnyString | AnimationsToken | Animation<string & { }> | readonly NonNullable<Animation<string & {}> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:51

Inherited from

ComponentPropsWithoutRef.animation

---

animationComposition?

optional animationComposition: ConditionalValue<readonly string[] | AnyString | AnimationComposition | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:52

Inherited from

ComponentPropsWithoutRef.animationComposition

---

animationDelay?

optional animationDelay: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | DurationsToken | AnimationDelay<string & { }> | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:53

Inherited from

ComponentPropsWithoutRef.animationDelay

---

animationDirection?

optional animationDirection: ConditionalValue<readonly string[] | AnyString | AnimationDirection | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:54

Inherited from

ComponentPropsWithoutRef.animationDirection

---

animationDuration?

optional animationDuration: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | DurationsToken | AnimationDuration<string & { }> | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:55

Inherited from

ComponentPropsWithoutRef.animationDuration

---

animationFillMode?

optional animationFillMode: ConditionalValue<readonly string[] | AnyString | AnimationFillMode | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:56

Inherited from

ComponentPropsWithoutRef.animationFillMode

---

animationIterationCount?

optional animationIterationCount: ConditionalValue<AnyString | AnimationIterationCount | readonly NonNullable<AnimationIterationCount | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:57

Inherited from

ComponentPropsWithoutRef.animationIterationCount

---

animationName?

optional animationName: ConditionalValue<readonly string[] | "position" | `var(--${string})` | AnyString | "spin" | "ping" | "pulse" | "bounce" | "bg-position" | "circular-progress" | "expand-height" | "collapse-height" | "expand-width" | "collapse-width" | "fade-in" | "fade-out" | "slide-from-left-full" | "slide-from-right-full" | "slide-from-top-full" | "slide-from-bottom-full" | "slide-to-left-full" | "slide-to-right-full" | "slide-to-top-full" | "slide-to-bottom-full" | "slide-from-top" | "slide-from-bottom" | "slide-from-left" | "slide-from-right" | "slide-to-top" | "slide-to-bottom" | "slide-to-left" | "slide-to-right" | "scale-in" | "scale-out" | AnimationName | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:58

Inherited from

ComponentPropsWithoutRef.animationName

---

animationPlayState?

optional animationPlayState: ConditionalValue<readonly string[] | AnyString | AnimationPlayState | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:59

Inherited from

ComponentPropsWithoutRef.animationPlayState

---

animationRange?

optional animationRange: ConditionalValue<AnyString | AnimationRange<String | Number> | readonly NonNullable<AnimationRange<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:60

Inherited from

ComponentPropsWithoutRef.animationRange

---

animationRangeEnd?

optional animationRangeEnd: ConditionalValue<AnyString | AnimationRangeEnd<String | Number> | readonly NonNullable<AnimationRangeEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:61

Inherited from

ComponentPropsWithoutRef.animationRangeEnd

---

animationRangeStart?

optional animationRangeStart: ConditionalValue<AnyString | AnimationRangeStart<String | Number> | readonly NonNullable<AnimationRangeStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:62

Inherited from

ComponentPropsWithoutRef.animationRangeStart

---

animationStyle?

optional animationStyle: ConditionalValue<`var(--${string})` | AnyString | "slide-fade-in" | "slide-fade-out" | "scale-fade-in" | "scale-fade-out" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:792

Inherited from

ComponentPropsWithoutRef.animationStyle

---

animationTimeline?

optional animationTimeline: ConditionalValue<readonly string[] | AnyString | AnimationTimeline | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:63

Inherited from

ComponentPropsWithoutRef.animationTimeline

---

animationTimingFunction?

optional animationTimingFunction: ConditionalValue<readonly string[] | string & { } | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "ease-in-smooth" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:64

Inherited from

ComponentPropsWithoutRef.animationTimingFunction

---

appearance?

optional appearance: ConditionalValue<AnyString | Appearance | readonly NonNullable<Appearance | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:67

Inherited from

ComponentPropsWithoutRef.appearance

---

aria-activedescendant?

optional aria-activedescendant: string

Defined in: node_modules/@types/react/index.d.ts:2454

Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

Inherited from

ComponentPropsWithoutRef.aria-activedescendant

---

aria-atomic?

optional aria-atomic: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2456

Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.

Inherited from

ComponentPropsWithoutRef.aria-atomic

---

aria-autocomplete?

optional aria-autocomplete: "none" | "list" | "inline" | "both"

Defined in: node_modules/@types/react/index.d.ts:2461

Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.

Inherited from

ComponentPropsWithoutRef.aria-autocomplete

---

aria-braillelabel?

optional aria-braillelabel: string

Defined in: node_modules/@types/react/index.d.ts:2467

Defines a string value that labels the current element, which is intended to be converted into Braille.

See

aria-label.

Inherited from

ComponentPropsWithoutRef.aria-braillelabel

---

aria-brailleroledescription?

optional aria-brailleroledescription: string

Defined in: node_modules/@types/react/index.d.ts:2472

Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.

See

aria-roledescription.

Inherited from

ComponentPropsWithoutRef.aria-brailleroledescription

---

aria-busy?

optional aria-busy: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2473

Inherited from

ComponentPropsWithoutRef.aria-busy

---

aria-checked?

optional aria-checked: boolean | "true" | "false" | "mixed"

Defined in: node_modules/@types/react/index.d.ts:2478

Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

See

• aria-pressed
• aria-selected.

Inherited from

ComponentPropsWithoutRef.aria-checked

---

aria-colcount?

optional aria-colcount: number

Defined in: node_modules/@types/react/index.d.ts:2483

Defines the total number of columns in a table, grid, or treegrid.

See

aria-colindex.

Inherited from

ComponentPropsWithoutRef.aria-colcount

---

aria-colindex?

optional aria-colindex: number

Defined in: node_modules/@types/react/index.d.ts:2488

Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.

See

• aria-colcount
• aria-colspan.

Inherited from

ComponentPropsWithoutRef.aria-colindex

---

aria-colindextext?

optional aria-colindextext: string

Defined in: node_modules/@types/react/index.d.ts:2493

Defines a human readable text alternative of aria-colindex.

See

aria-rowindextext.

Inherited from

ComponentPropsWithoutRef.aria-colindextext

---

aria-colspan?

optional aria-colspan: number

Defined in: node_modules/@types/react/index.d.ts:2498

Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

See

• aria-colindex
• aria-rowspan.

Inherited from

ComponentPropsWithoutRef.aria-colspan

---

aria-controls?

optional aria-controls: string

Defined in: node_modules/@types/react/index.d.ts:2503

Identifies the element (or elements) whose contents or presence are controlled by the current element.

See

aria-owns.

Inherited from

ComponentPropsWithoutRef.aria-controls

---

aria-current?

optional aria-current: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location"

Defined in: node_modules/@types/react/index.d.ts:2505

Indicates the element that represents the current item within a container or set of related elements.

Inherited from

ComponentPropsWithoutRef.aria-current

---

aria-describedby?

optional aria-describedby: string

Defined in: node_modules/@types/react/index.d.ts:2510

Identifies the element (or elements) that describes the object.

See

aria-labelledby

Inherited from

ComponentPropsWithoutRef.aria-describedby

---

aria-description?

optional aria-description: string

Defined in: node_modules/@types/react/index.d.ts:2515

Defines a string value that describes or annotates the current element.

See

related aria-describedby.

Inherited from

ComponentPropsWithoutRef.aria-description

---

aria-details?

optional aria-details: string

Defined in: node_modules/@types/react/index.d.ts:2520

Identifies the element that provides a detailed, extended description for the object.

See

aria-describedby.

Inherited from

ComponentPropsWithoutRef.aria-details

---

aria-disabled?

optional aria-disabled: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2525

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

See

• aria-hidden
• aria-readonly.

Inherited from

ComponentPropsWithoutRef.aria-disabled

---

aria-dropeffect?

optional aria-dropeffect: "link" | "none" | "move" | "copy" | "execute" | "popup"

Defined in: node_modules/@types/react/index.d.ts:2530

Indicates what functions can be performed when a dragged object is released on the drop target.

Deprecated

in ARIA 1.1

Inherited from

ComponentPropsWithoutRef.aria-dropeffect

---

aria-errormessage?

optional aria-errormessage: string

Defined in: node_modules/@types/react/index.d.ts:2535

Identifies the element that provides an error message for the object.

See

• aria-invalid
• aria-describedby.

Inherited from

ComponentPropsWithoutRef.aria-errormessage

---

aria-expanded?

optional aria-expanded: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2537

Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

Inherited from

ComponentPropsWithoutRef.aria-expanded

---

aria-flowto?

optional aria-flowto: string

Defined in: node_modules/@types/react/index.d.ts:2542

Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.

Inherited from

ComponentPropsWithoutRef.aria-flowto

---

aria-grabbed?

optional aria-grabbed: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2547

Indicates an element's "grabbed" state in a drag-and-drop operation.

Deprecated

in ARIA 1.1

Inherited from

ComponentPropsWithoutRef.aria-grabbed

---

aria-haspopup?

optional aria-haspopup: boolean | "true" | "false" | "dialog" | "menu" | "grid" | "listbox" | "tree"

Defined in: node_modules/@types/react/index.d.ts:2549

Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.

Inherited from

ComponentPropsWithoutRef.aria-haspopup

---

aria-hidden?

optional aria-hidden: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2554

Indicates whether the element is exposed to an accessibility API.

See

aria-disabled.

Inherited from

ComponentPropsWithoutRef.aria-hidden

---

aria-invalid?

optional aria-invalid: boolean | "true" | "false" | "grammar" | "spelling"

Defined in: node_modules/@types/react/index.d.ts:2559

Indicates the entered value does not conform to the format expected by the application.

See

aria-errormessage.

Inherited from

ComponentPropsWithoutRef.aria-invalid

---

aria-keyshortcuts?

optional aria-keyshortcuts: string

Defined in: node_modules/@types/react/index.d.ts:2561

Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

Inherited from

ComponentPropsWithoutRef.aria-keyshortcuts

---

aria-label?

optional aria-label: string

Defined in: node_modules/@types/react/index.d.ts:2566

Defines a string value that labels the current element.

See

aria-labelledby.

Inherited from

ComponentPropsWithoutRef.aria-label

---

aria-labelledby?

optional aria-labelledby: string

Defined in: node_modules/@types/react/index.d.ts:2571

Identifies the element (or elements) that labels the current element.

See

aria-describedby.

Inherited from

ComponentPropsWithoutRef.aria-labelledby

---

aria-level?

optional aria-level: number

Defined in: node_modules/@types/react/index.d.ts:2573

Defines the hierarchical level of an element within a structure.

Inherited from

ComponentPropsWithoutRef.aria-level

---

aria-live?

optional aria-live: "off" | "assertive" | "polite"

Defined in: node_modules/@types/react/index.d.ts:2575

Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.

Inherited from

ComponentPropsWithoutRef.aria-live

---

aria-modal?

optional aria-modal: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2577

Indicates whether an element is modal when displayed.

Inherited from

ComponentPropsWithoutRef.aria-modal

---

aria-multiline?

optional aria-multiline: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2579

Indicates whether a text box accepts multiple lines of input or only a single line.

Inherited from

ComponentPropsWithoutRef.aria-multiline

---

aria-multiselectable?

optional aria-multiselectable: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2581

Indicates that the user may select more than one item from the current selectable descendants.

Inherited from

ComponentPropsWithoutRef.aria-multiselectable

---

aria-orientation?

optional aria-orientation: "horizontal" | "vertical"

Defined in: node_modules/@types/react/index.d.ts:2583

Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

Inherited from

ComponentPropsWithoutRef.aria-orientation

---

aria-owns?

optional aria-owns: string

Defined in: node_modules/@types/react/index.d.ts:2589

Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.

See

aria-controls.

Inherited from

ComponentPropsWithoutRef.aria-owns

---

aria-placeholder?

optional aria-placeholder: string

Defined in: node_modules/@types/react/index.d.ts:2594

Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.

Inherited from

ComponentPropsWithoutRef.aria-placeholder

---

aria-posinset?

optional aria-posinset: number

Defined in: node_modules/@types/react/index.d.ts:2599

Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See

aria-setsize.

Inherited from

ComponentPropsWithoutRef.aria-posinset

---

aria-pressed?

optional aria-pressed: boolean | "true" | "false" | "mixed"

Defined in: node_modules/@types/react/index.d.ts:2604

Indicates the current "pressed" state of toggle buttons.

See

• aria-checked
• aria-selected.

Inherited from

ComponentPropsWithoutRef.aria-pressed

---

aria-readonly?

optional aria-readonly: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2609

Indicates that the element is not editable, but is otherwise operable.

See

aria-disabled.

Inherited from

ComponentPropsWithoutRef.aria-readonly

---

aria-relevant?

optional aria-relevant: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"

Defined in: node_modules/@types/react/index.d.ts:2614

Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.

See

aria-atomic.

Inherited from

ComponentPropsWithoutRef.aria-relevant

---

aria-required?

optional aria-required: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2627

Indicates that user input is required on the element before a form may be submitted.

Inherited from

ComponentPropsWithoutRef.aria-required

---

aria-roledescription?

optional aria-roledescription: string

Defined in: node_modules/@types/react/index.d.ts:2629

Defines a human-readable, author-localized description for the role of an element.

Inherited from

ComponentPropsWithoutRef.aria-roledescription

---

aria-rowcount?

optional aria-rowcount: number

Defined in: node_modules/@types/react/index.d.ts:2634

Defines the total number of rows in a table, grid, or treegrid.

See

aria-rowindex.

Inherited from

ComponentPropsWithoutRef.aria-rowcount

---

aria-rowindex?

optional aria-rowindex: number

Defined in: node_modules/@types/react/index.d.ts:2639

Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.

See

• aria-rowcount
• aria-rowspan.

Inherited from

ComponentPropsWithoutRef.aria-rowindex

---

aria-rowindextext?

optional aria-rowindextext: string

Defined in: node_modules/@types/react/index.d.ts:2644

Defines a human readable text alternative of aria-rowindex.

See

aria-colindextext.

Inherited from

ComponentPropsWithoutRef.aria-rowindextext

---

aria-rowspan?

optional aria-rowspan: number

Defined in: node_modules/@types/react/index.d.ts:2649

Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

See

• aria-rowindex
• aria-colspan.

Inherited from

ComponentPropsWithoutRef.aria-rowspan

---

aria-selected?

optional aria-selected: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2654

Indicates the current "selected" state of various widgets.

See

• aria-checked
• aria-pressed.

Inherited from

ComponentPropsWithoutRef.aria-selected

---

aria-setsize?

optional aria-setsize: number

Defined in: node_modules/@types/react/index.d.ts:2659

Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See

aria-posinset.

Inherited from

ComponentPropsWithoutRef.aria-setsize

---

aria-sort?

optional aria-sort: "none" | "ascending" | "descending" | "other"

Defined in: node_modules/@types/react/index.d.ts:2661

Indicates if items in a table or grid are sorted in ascending or descending order.

Inherited from

ComponentPropsWithoutRef.aria-sort

---

aria-valuemax?

optional aria-valuemax: number

Defined in: node_modules/@types/react/index.d.ts:2663

Defines the maximum allowed value for a range widget.

Inherited from

ComponentPropsWithoutRef.aria-valuemax

---

aria-valuemin?

optional aria-valuemin: number

Defined in: node_modules/@types/react/index.d.ts:2665

Defines the minimum allowed value for a range widget.

Inherited from

ComponentPropsWithoutRef.aria-valuemin

---

aria-valuenow?

optional aria-valuenow: number

Defined in: node_modules/@types/react/index.d.ts:2670

Defines the current value for a range widget.

See

aria-valuetext.

Inherited from

ComponentPropsWithoutRef.aria-valuenow

---

aria-valuetext?

optional aria-valuetext: string

Defined in: node_modules/@types/react/index.d.ts:2672

Defines the human readable text alternative of aria-valuenow for a range widget.

Inherited from

ComponentPropsWithoutRef.aria-valuetext

---

as?

optional as: ElementType

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:14

Inherited from

ComponentPropsWithoutRef.as

---

asChild?

optional asChild: boolean

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:15

Inherited from

ComponentPropsWithoutRef.asChild

---

aspectRatio?

optional aspectRatio: ConditionalValue<`var(--${string})` | AnyString | AspectRatiosToken | AspectRatio | readonly NonNullable<AspectRatio | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:68

Inherited from

ComponentPropsWithoutRef.aspectRatio

---

autoCapitalize?

optional autoCapitalize: string & { } | "none" | "off" | "on" | "sentences" | "words" | "characters"

Defined in: node_modules/@types/react/index.d.ts:2757

Inherited from

ComponentPropsWithoutRef.autoCapitalize

---

autoCorrect?

optional autoCorrect: string

Defined in: node_modules/@types/react/index.d.ts:2796

Inherited from

ComponentPropsWithoutRef.autoCorrect

---

autoFocus?

optional autoFocus: boolean

Defined in: node_modules/@types/react/index.d.ts:2758

Inherited from

ComponentPropsWithoutRef.autoFocus

---

autoSave?

optional autoSave: string

Defined in: node_modules/@types/react/index.d.ts:2797

Inherited from

ComponentPropsWithoutRef.autoSave

---

backdropBlur?

optional backdropBlur: ConditionalValue<`var(--${string})` | AnyString | BlursToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:740

Inherited from

ComponentPropsWithoutRef.backdropBlur

---

backdropBrightness?

optional backdropBrightness: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:741

Inherited from

ComponentPropsWithoutRef.backdropBrightness

---

backdropContrast?

optional backdropContrast: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:742

Inherited from

ComponentPropsWithoutRef.backdropContrast

---

backdropFilter?

optional backdropFilter: ConditionalValue<readonly string[] | AnyString | BackdropFilter | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:69

Inherited from

ComponentPropsWithoutRef.backdropFilter

---

backdropGrayscale?

optional backdropGrayscale: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:743

Inherited from

ComponentPropsWithoutRef.backdropGrayscale

---

backdropHueRotate?

optional backdropHueRotate: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:744

Inherited from

ComponentPropsWithoutRef.backdropHueRotate

---

backdropInvert?

optional backdropInvert: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:745

Inherited from

ComponentPropsWithoutRef.backdropInvert

---

backdropOpacity?

optional backdropOpacity: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:746

Inherited from

ComponentPropsWithoutRef.backdropOpacity

---

backdropSaturate?

optional backdropSaturate: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:747

Inherited from

ComponentPropsWithoutRef.backdropSaturate

---

backdropSepia?

optional backdropSepia: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:748

Inherited from

ComponentPropsWithoutRef.backdropSepia

---

backfaceVisibility?

optional backfaceVisibility: ConditionalValue<AnyString | BackfaceVisibility | readonly NonNullable<BackfaceVisibility | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:70

Inherited from

ComponentPropsWithoutRef.backfaceVisibility

---

background?

optional background: ConditionalValue<"repeat" | "fixed" | string & { } | "none" | "Field" | "round" | "center" | "current" | "border" | "bottom" | "left" | "right" | "top" | "bg" | "colorPalette" | "inherit" | String | Number | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | "border-box" | "content-box" | "padding-box" | "no-repeat" | "repeat-x" | "repeat-y" | "space" | "local" | "scroll" | readonly NonNullable<Background<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:71

Inherited from

ComponentPropsWithoutRef.background

---

backgroundAttachment?

optional backgroundAttachment: ConditionalValue<readonly string[] | AnyString | BackgroundAttachment | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:72

Inherited from

ComponentPropsWithoutRef.backgroundAttachment

---

backgroundBlendMode?

optional backgroundBlendMode: ConditionalValue<readonly string[] | AnyString | BackgroundBlendMode | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:73

Inherited from

ComponentPropsWithoutRef.backgroundBlendMode

---

backgroundClip?

optional backgroundClip: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | BackgroundClip | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:74

Inherited from

ComponentPropsWithoutRef.backgroundClip

---

backgroundColor?

optional backgroundColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:75

Inherited from

ComponentPropsWithoutRef.backgroundColor

---

backgroundGradient?

optional backgroundGradient: ConditionalValue<`var(--${string})` | AnyString | "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:716

Inherited from

ComponentPropsWithoutRef.backgroundGradient

---

backgroundImage?

optional backgroundImage: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | BackgroundImage | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:76

Inherited from

ComponentPropsWithoutRef.backgroundImage

---

backgroundOrigin?

optional backgroundOrigin: ConditionalValue<readonly string[] | AnyString | BackgroundOrigin | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:77

Inherited from

ComponentPropsWithoutRef.backgroundOrigin

---

backgroundPosition?

optional backgroundPosition: ConditionalValue<AnyString | BackgroundPosition<String | Number> | readonly NonNullable<BackgroundPosition<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:78

Inherited from

ComponentPropsWithoutRef.backgroundPosition

---

backgroundPositionX?

optional backgroundPositionX: ConditionalValue<AnyString | BackgroundPositionX<String | Number> | readonly NonNullable<BackgroundPositionX<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:79

Inherited from

ComponentPropsWithoutRef.backgroundPositionX

---

backgroundPositionY?

optional backgroundPositionY: ConditionalValue<AnyString | BackgroundPositionY<String | Number> | readonly NonNullable<BackgroundPositionY<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:80

Inherited from

ComponentPropsWithoutRef.backgroundPositionY

---

backgroundRepeat?

optional backgroundRepeat: ConditionalValue<readonly string[] | AnyString | BackgroundRepeat | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:81

Inherited from

ComponentPropsWithoutRef.backgroundRepeat

---

backgroundSize?

optional backgroundSize: ConditionalValue<AnyString | BackgroundSize<String | Number> | readonly NonNullable<BackgroundSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:82

Inherited from

ComponentPropsWithoutRef.backgroundSize

---

base?

optional base: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:261

The base (=no conditions) styles to apply

Inherited from

ComponentPropsWithoutRef.base

---

baselineShift?

optional baselineShift: ConditionalValue<AnyString | BaselineShift<String | Number> | readonly NonNullable<BaselineShift<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:591

Inherited from

ComponentPropsWithoutRef.baselineShift

---

bg?

optional bg: ConditionalValue<"repeat" | "fixed" | string & { } | "none" | "Field" | "round" | "center" | "current" | "border" | "bottom" | "left" | "right" | "top" | "bg" | "colorPalette" | "inherit" | String | Number | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | "border-box" | "content-box" | "padding-box" | "no-repeat" | "repeat-x" | "repeat-y" | "space" | "local" | "scroll" | readonly NonNullable<Background<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:595

Inherited from

ComponentPropsWithoutRef.bg

---

bgAttachment?

optional bgAttachment: ConditionalValue<readonly string[] | AnyString | BackgroundAttachment | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:600

Inherited from

ComponentPropsWithoutRef.bgAttachment

---

bgBlendMode?

optional bgBlendMode: ConditionalValue<readonly string[] | AnyString | BackgroundBlendMode | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:667

Inherited from

ComponentPropsWithoutRef.bgBlendMode

---

bgClip?

optional bgClip: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | BackgroundClip | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:601

Inherited from

ComponentPropsWithoutRef.bgClip

---

bgColor?

optional bgColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:596

Inherited from

ComponentPropsWithoutRef.bgColor

---

bgGradient?

optional bgGradient: ConditionalValue<`var(--${string})` | AnyString | "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:602

Inherited from

ComponentPropsWithoutRef.bgGradient

---

bgImage?

optional bgImage: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | BackgroundImage | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:604

Inherited from

ComponentPropsWithoutRef.bgImage

---

bgImg?

optional bgImg: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | BackgroundImage | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:603

Inherited from

ComponentPropsWithoutRef.bgImg

---

bgPos?

optional bgPos: ConditionalValue<AnyString | BackgroundPosition<String | Number> | readonly NonNullable<BackgroundPosition<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:598

Inherited from

ComponentPropsWithoutRef.bgPos

---

bgRepeat?

optional bgRepeat: ConditionalValue<readonly string[] | AnyString | BackgroundRepeat | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:599

Inherited from

ComponentPropsWithoutRef.bgRepeat

---

bgSize?

optional bgSize: ConditionalValue<AnyString | BackgroundSize<String | Number> | readonly NonNullable<BackgroundSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:597

Inherited from

ComponentPropsWithoutRef.bgSize

---

blendMode?

optional blendMode: ConditionalValue<AnyString | MixBlendMode | readonly NonNullable<MixBlendMode | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:666

Inherited from

ComponentPropsWithoutRef.blendMode

---

blockSize?

optional blockSize: ConditionalValue<`var(--${string})` | AnyString | SizesToken | BlockSize<String | Number> | readonly NonNullable<BlockSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:83

Inherited from

ComponentPropsWithoutRef.blockSize

---

blur?

optional blur: ConditionalValue<`var(--${string})` | AnyString | BlursToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:731

Inherited from

ComponentPropsWithoutRef.blur

---

border?

optional border: ConditionalValue<`var(--${string})` | AnyString | BordersToken | Border<String | Number> | readonly NonNullable<Border<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:84

Inherited from

ComponentPropsWithoutRef.border

---

borderBlock?

optional borderBlock: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderBlock<String | Number> | readonly NonNullable<BorderBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:85

Inherited from

ComponentPropsWithoutRef.borderBlock

---

borderBlockColor?

optional borderBlockColor: ConditionalValue<readonly string[] | AnyString | BorderBlockColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:86

Inherited from

ComponentPropsWithoutRef.borderBlockColor

---

borderBlockEnd?

optional borderBlockEnd: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderBlockEnd<String | Number> | readonly NonNullable<BorderBlockEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:87

Inherited from

ComponentPropsWithoutRef.borderBlockEnd

---

borderBlockEndColor?

optional borderBlockEndColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:88

Inherited from

ComponentPropsWithoutRef.borderBlockEndColor

---

borderBlockEndStyle?

optional borderBlockEndStyle: ConditionalValue<`var(--${string})` | AnyString | BorderBlockEndStyle | readonly NonNullable<BorderBlockEndStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:91

Inherited from

ComponentPropsWithoutRef.borderBlockEndStyle

---

borderBlockEndWidth?

optional borderBlockEndWidth: ConditionalValue<`var(--${string})` | AnyString | BorderBlockEndWidth<String | Number> | readonly NonNullable<BorderBlockEndWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:94

Inherited from

ComponentPropsWithoutRef.borderBlockEndWidth

---

borderBlockStart?

optional borderBlockStart: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderBlockStart<String | Number> | readonly NonNullable<BorderBlockStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:97

Inherited from

ComponentPropsWithoutRef.borderBlockStart

---

borderBlockStartColor?

optional borderBlockStartColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:98

Inherited from

ComponentPropsWithoutRef.borderBlockStartColor

---

borderBlockStartStyle?

optional borderBlockStartStyle: ConditionalValue<`var(--${string})` | AnyString | BorderBlockStartStyle | readonly NonNullable<BorderBlockStartStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:101

Inherited from

ComponentPropsWithoutRef.borderBlockStartStyle

---

borderBlockStartWidth?

optional borderBlockStartWidth: ConditionalValue<`var(--${string})` | AnyString | BorderBlockStartWidth<String | Number> | readonly NonNullable<BorderBlockStartWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:104

Inherited from

ComponentPropsWithoutRef.borderBlockStartWidth

---

borderBlockStyle?

optional borderBlockStyle: ConditionalValue<readonly string[] | AnyString | BorderBlockStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:107

Inherited from

ComponentPropsWithoutRef.borderBlockStyle

---

borderBlockWidth?

optional borderBlockWidth: ConditionalValue<`var(--${string})` | AnyString | BorderBlockWidth<String | Number> | readonly NonNullable<BorderBlockWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:108

Inherited from

ComponentPropsWithoutRef.borderBlockWidth

---

borderBottom?

optional borderBottom: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderBottom<String | Number> | readonly NonNullable<BorderBottom<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:109

Inherited from

ComponentPropsWithoutRef.borderBottom

---

borderBottomColor?

optional borderBottomColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:110

Inherited from

ComponentPropsWithoutRef.borderBottomColor

---

borderBottomEndRadius?

optional borderBottomEndRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderEndEndRadius<String | Number> | readonly NonNullable<BorderEndEndRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:641

Inherited from

ComponentPropsWithoutRef.borderBottomEndRadius

---

borderBottomLeftRadius?

optional borderBottomLeftRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderBottomLeftRadius<String | Number> | readonly NonNullable<BorderBottomLeftRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:111

Inherited from

ComponentPropsWithoutRef.borderBottomLeftRadius

---

borderBottomRadius?

optional borderBottomRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:723

Inherited from

ComponentPropsWithoutRef.borderBottomRadius

---

borderBottomRightRadius?

optional borderBottomRightRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderBottomRightRadius<String | Number> | readonly NonNullable<BorderBottomRightRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:114

Inherited from

ComponentPropsWithoutRef.borderBottomRightRadius

---

borderBottomStartRadius?

optional borderBottomStartRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderEndStartRadius<String | Number> | readonly NonNullable<BorderEndStartRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:628

Inherited from

ComponentPropsWithoutRef.borderBottomStartRadius

---

borderBottomStyle?

optional borderBottomStyle: ConditionalValue<`var(--${string})` | AnyString | BorderBottomStyle | readonly NonNullable<BorderBottomStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:117

Inherited from

ComponentPropsWithoutRef.borderBottomStyle

---

borderBottomWidth?

optional borderBottomWidth: ConditionalValue<`var(--${string})` | AnyString | BorderBottomWidth<String | Number> | readonly NonNullable<BorderBottomWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:118

Inherited from

ComponentPropsWithoutRef.borderBottomWidth

---

borderCollapse?

optional borderCollapse: ConditionalValue<AnyString | BorderCollapse | readonly NonNullable<BorderCollapse | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:119

Inherited from

ComponentPropsWithoutRef.borderCollapse

---

borderColor?

optional borderColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:120

Inherited from

ComponentPropsWithoutRef.borderColor

---

borderEnd?

optional borderEnd: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderInlineEnd<String | Number> | readonly NonNullable<BorderInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:606

Inherited from

ComponentPropsWithoutRef.borderEnd

---

borderEndColor?

optional borderEndColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:612

Inherited from

ComponentPropsWithoutRef.borderEndColor

---

borderEndEndRadius?

optional borderEndEndRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderEndEndRadius<String | Number> | readonly NonNullable<BorderEndEndRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:121

Inherited from

ComponentPropsWithoutRef.borderEndEndRadius

---

borderEndRadius?

optional borderEndRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:653

Inherited from

ComponentPropsWithoutRef.borderEndRadius

---

borderEndStartRadius?

optional borderEndStartRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderEndStartRadius<String | Number> | readonly NonNullable<BorderEndStartRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:122

Inherited from

ComponentPropsWithoutRef.borderEndStartRadius

---

borderEndStyle?

optional borderEndStyle: ConditionalValue<`var(--${string})` | AnyString | BorderInlineEndStyle | readonly NonNullable<BorderInlineEndStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:616

Inherited from

ComponentPropsWithoutRef.borderEndStyle

---

borderEndWidth?

optional borderEndWidth: ConditionalValue<`var(--${string})` | AnyString | BorderInlineEndWidth<String | Number> | readonly NonNullable<BorderInlineEndWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:662

Inherited from

ComponentPropsWithoutRef.borderEndWidth

---

borderImage?

optional borderImage: ConditionalValue<AnyString | BorderImage | readonly NonNullable<BorderImage | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:125

Inherited from

ComponentPropsWithoutRef.borderImage

---

borderImageOutset?

optional borderImageOutset: ConditionalValue<AnyString | BorderImageOutset<String | Number> | readonly NonNullable<BorderImageOutset<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:126

Inherited from

ComponentPropsWithoutRef.borderImageOutset

---

borderImageRepeat?

optional borderImageRepeat: ConditionalValue<readonly string[] | AnyString | BorderImageRepeat | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:127

Inherited from

ComponentPropsWithoutRef.borderImageRepeat

---

borderImageSlice?

optional borderImageSlice: ConditionalValue<AnyString | BorderImageSlice | readonly NonNullable<BorderImageSlice | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:128

Inherited from

ComponentPropsWithoutRef.borderImageSlice

---

borderImageSource?

optional borderImageSource: ConditionalValue<readonly string[] | AnyString | BorderImageSource | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:129

Inherited from

ComponentPropsWithoutRef.borderImageSource

---

borderImageWidth?

optional borderImageWidth: ConditionalValue<AnyString | BorderImageWidth<String | Number> | readonly NonNullable<BorderImageWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:130

Inherited from

ComponentPropsWithoutRef.borderImageWidth

---

borderInline?

optional borderInline: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderInline<String | Number> | readonly NonNullable<BorderInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:131

Inherited from

ComponentPropsWithoutRef.borderInline

---

borderInlineColor?

optional borderInlineColor: ConditionalValue<readonly string[] | AnyString | BorderInlineColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:132

Inherited from

ComponentPropsWithoutRef.borderInlineColor

---

borderInlineEnd?

optional borderInlineEnd: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderInlineEnd<String | Number> | readonly NonNullable<BorderInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:133

Inherited from

ComponentPropsWithoutRef.borderInlineEnd

---

borderInlineEndColor?

optional borderInlineEndColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:134

Inherited from

ComponentPropsWithoutRef.borderInlineEndColor

---

borderInlineEndRadius?

optional borderInlineEndRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:721

Inherited from

ComponentPropsWithoutRef.borderInlineEndRadius

---

borderInlineEndStyle?

optional borderInlineEndStyle: ConditionalValue<`var(--${string})` | AnyString | BorderInlineEndStyle | readonly NonNullable<BorderInlineEndStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:137

Inherited from

ComponentPropsWithoutRef.borderInlineEndStyle

---

borderInlineEndWidth?

optional borderInlineEndWidth: ConditionalValue<`var(--${string})` | AnyString | BorderInlineEndWidth<String | Number> | readonly NonNullable<BorderInlineEndWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:140

Inherited from

ComponentPropsWithoutRef.borderInlineEndWidth

---

borderInlineStart?

optional borderInlineStart: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderInlineStart<String | Number> | readonly NonNullable<BorderInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:143

Inherited from

ComponentPropsWithoutRef.borderInlineStart

---

borderInlineStartColor?

optional borderInlineStartColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:144

Inherited from

ComponentPropsWithoutRef.borderInlineStartColor

---

borderInlineStartRadius?

optional borderInlineStartRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:720

Inherited from

ComponentPropsWithoutRef.borderInlineStartRadius

---

borderInlineStartStyle?

optional borderInlineStartStyle: ConditionalValue<`var(--${string})` | AnyString | BorderInlineStartStyle | readonly NonNullable<BorderInlineStartStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:147

Inherited from

ComponentPropsWithoutRef.borderInlineStartStyle

---

borderInlineStartWidth?

optional borderInlineStartWidth: ConditionalValue<`var(--${string})` | AnyString | BorderInlineStartWidth<String | Number> | readonly NonNullable<BorderInlineStartWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:150

Inherited from

ComponentPropsWithoutRef.borderInlineStartWidth

---

borderInlineStyle?

optional borderInlineStyle: ConditionalValue<readonly string[] | AnyString | BorderInlineStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:153

Inherited from

ComponentPropsWithoutRef.borderInlineStyle

---

borderInlineWidth?

optional borderInlineWidth: ConditionalValue<`var(--${string})` | AnyString | BorderInlineWidth<String | Number> | readonly NonNullable<BorderInlineWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:154

Inherited from

ComponentPropsWithoutRef.borderInlineWidth

---

borderLeft?

optional borderLeft: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderLeft<String | Number> | readonly NonNullable<BorderLeft<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:155

Inherited from

ComponentPropsWithoutRef.borderLeft

---

borderLeftColor?

optional borderLeftColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:156

Inherited from

ComponentPropsWithoutRef.borderLeftColor

---

borderLeftRadius?

optional borderLeftRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:724

Inherited from

ComponentPropsWithoutRef.borderLeftRadius

---

borderLeftStyle?

optional borderLeftStyle: ConditionalValue<`var(--${string})` | AnyString | BorderLeftStyle | readonly NonNullable<BorderLeftStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:157

Inherited from

ComponentPropsWithoutRef.borderLeftStyle

---

borderLeftWidth?

optional borderLeftWidth: ConditionalValue<`var(--${string})` | AnyString | BorderLeftWidth<String | Number> | readonly NonNullable<BorderLeftWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:158

Inherited from

ComponentPropsWithoutRef.borderLeftWidth

---

borderRadius?

optional borderRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:159

Inherited from

ComponentPropsWithoutRef.borderRadius

---

borderRight?

optional borderRight: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderRight<String | Number> | readonly NonNullable<BorderRight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:160

Inherited from

ComponentPropsWithoutRef.borderRight

---

borderRightColor?

optional borderRightColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:161

Inherited from

ComponentPropsWithoutRef.borderRightColor

---

borderRightRadius?

optional borderRightRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:725

Inherited from

ComponentPropsWithoutRef.borderRightRadius

---

borderRightStyle?

optional borderRightStyle: ConditionalValue<`var(--${string})` | AnyString | BorderRightStyle | readonly NonNullable<BorderRightStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:162

Inherited from

ComponentPropsWithoutRef.borderRightStyle

---

borderRightWidth?

optional borderRightWidth: ConditionalValue<`var(--${string})` | AnyString | BorderRightWidth<String | Number> | readonly NonNullable<BorderRightWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:163

Inherited from

ComponentPropsWithoutRef.borderRightWidth

---

borderSpacing?

optional borderSpacing: ConditionalValue<"auto" | `var(--${string})` | AnyString | SpacingToken | BorderSpacing<String | Number> | readonly NonNullable<BorderSpacing<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:164

Inherited from

ComponentPropsWithoutRef.borderSpacing

---

borderSpacingX?

optional borderSpacingX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:785

Inherited from

ComponentPropsWithoutRef.borderSpacingX

---

borderSpacingY?

optional borderSpacingY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:786

Inherited from

ComponentPropsWithoutRef.borderSpacingY

---

borderStart?

optional borderStart: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderInlineStart<String | Number> | readonly NonNullable<BorderInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:605

Inherited from

ComponentPropsWithoutRef.borderStart

---

borderStartColor?

optional borderStartColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:609

Inherited from

ComponentPropsWithoutRef.borderStartColor

---

borderStartEndRadius?

optional borderStartEndRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderStartEndRadius<String | Number> | readonly NonNullable<BorderStartEndRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:165

Inherited from

ComponentPropsWithoutRef.borderStartEndRadius

---

borderStartRadius?

optional borderStartRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:651

Inherited from

ComponentPropsWithoutRef.borderStartRadius

---

borderStartStartRadius?

optional borderStartStartRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderStartStartRadius<String | Number> | readonly NonNullable<BorderStartStartRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:168

Inherited from

ComponentPropsWithoutRef.borderStartStartRadius

---

borderStartStyle?

optional borderStartStyle: ConditionalValue<`var(--${string})` | AnyString | BorderInlineStartStyle | readonly NonNullable<BorderInlineStartStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:613

Inherited from

ComponentPropsWithoutRef.borderStartStyle

---

borderStartWidth?

optional borderStartWidth: ConditionalValue<`var(--${string})` | AnyString | BorderInlineStartWidth<String | Number> | readonly NonNullable<BorderInlineStartWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:659

Inherited from

ComponentPropsWithoutRef.borderStartWidth

---

borderStyle?

optional borderStyle: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | BorderStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:171

Inherited from

ComponentPropsWithoutRef.borderStyle

---

borderTop?

optional borderTop: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderTop<String | Number> | readonly NonNullable<BorderTop<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:172

Inherited from

ComponentPropsWithoutRef.borderTop

---

borderTopColor?

optional borderTopColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:173

Inherited from

ComponentPropsWithoutRef.borderTopColor

---

borderTopEndRadius?

optional borderTopEndRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderStartEndRadius<String | Number> | readonly NonNullable<BorderStartEndRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:637

Inherited from

ComponentPropsWithoutRef.borderTopEndRadius

---

borderTopLeftRadius?

optional borderTopLeftRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderTopLeftRadius<String | Number> | readonly NonNullable<BorderTopLeftRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:174

Inherited from

ComponentPropsWithoutRef.borderTopLeftRadius

---

borderTopRadius?

optional borderTopRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:722

Inherited from

ComponentPropsWithoutRef.borderTopRadius

---

borderTopRightRadius?

optional borderTopRightRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderTopRightRadius<String | Number> | readonly NonNullable<BorderTopRightRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:177

Inherited from

ComponentPropsWithoutRef.borderTopRightRadius

---

borderTopStartRadius?

optional borderTopStartRadius: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderStartStartRadius<String | Number> | readonly NonNullable<BorderStartStartRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:622

Inherited from

ComponentPropsWithoutRef.borderTopStartRadius

---

borderTopStyle?

optional borderTopStyle: ConditionalValue<`var(--${string})` | AnyString | BorderTopStyle | readonly NonNullable<BorderTopStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:180

Inherited from

ComponentPropsWithoutRef.borderTopStyle

---

borderTopWidth?

optional borderTopWidth: ConditionalValue<`var(--${string})` | AnyString | BorderTopWidth<String | Number> | readonly NonNullable<BorderTopWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:181

Inherited from

ComponentPropsWithoutRef.borderTopWidth

---

borderWidth?

optional borderWidth: ConditionalValue<`var(--${string})` | AnyString | BorderWidth<String | Number> | readonly NonNullable<BorderWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:182

Inherited from

ComponentPropsWithoutRef.borderWidth

---

borderX?

optional borderX: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderInline<String | Number> | readonly NonNullable<BorderInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:607

Inherited from

ComponentPropsWithoutRef.borderX

---

borderXWidth?

optional borderXWidth: ConditionalValue<`var(--${string})` | AnyString | BorderInlineWidth<String | Number> | readonly NonNullable<BorderInlineWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:658

Inherited from

ComponentPropsWithoutRef.borderXWidth

---

borderY?

optional borderY: ConditionalValue<`var(--${string})` | AnyString | BordersToken | BorderBlock<String | Number> | readonly NonNullable<BorderBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:608

Inherited from

ComponentPropsWithoutRef.borderY

---

borderYWidth?

optional borderYWidth: ConditionalValue<`var(--${string})` | AnyString | BorderBlockWidth<String | Number> | readonly NonNullable<BorderBlockWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:663

Inherited from

ComponentPropsWithoutRef.borderYWidth

---

bottom?

optional bottom: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Bottom<String | Number> | readonly NonNullable<Bottom<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:183

Inherited from

ComponentPropsWithoutRef.bottom

---

boxAlign?

optional boxAlign: ConditionalValue<AnyString | BoxAlign | readonly NonNullable<BoxAlign | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:184

Inherited from

ComponentPropsWithoutRef.boxAlign

---

boxDecorationBreak?

optional boxDecorationBreak: ConditionalValue<AnyString | BoxDecorationBreak | readonly NonNullable<BoxDecorationBreak | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:185

Inherited from

ComponentPropsWithoutRef.boxDecorationBreak

---

boxDirection?

optional boxDirection: ConditionalValue<AnyString | BoxDirection | readonly NonNullable<BoxDirection | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:186

Inherited from

ComponentPropsWithoutRef.boxDirection

---

boxFlex?

optional boxFlex: ConditionalValue<AnyString | BoxFlex | readonly NonNullable<BoxFlex | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:187

Inherited from

ComponentPropsWithoutRef.boxFlex

---

boxFlexGroup?

optional boxFlexGroup: ConditionalValue<AnyString | BoxFlexGroup | readonly NonNullable<BoxFlexGroup | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:188

Inherited from

ComponentPropsWithoutRef.boxFlexGroup

---

boxLines?

optional boxLines: ConditionalValue<AnyString | BoxLines | readonly NonNullable<BoxLines | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:189

Inherited from

ComponentPropsWithoutRef.boxLines

---

boxOrdinalGroup?

optional boxOrdinalGroup: ConditionalValue<AnyString | BoxOrdinalGroup | readonly NonNullable<BoxOrdinalGroup | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:190

Inherited from

ComponentPropsWithoutRef.boxOrdinalGroup

---

boxOrient?

optional boxOrient: ConditionalValue<AnyString | BoxOrient | readonly NonNullable<BoxOrient | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:191

Inherited from

ComponentPropsWithoutRef.boxOrient

---

boxPack?

optional boxPack: ConditionalValue<AnyString | BoxPack | readonly NonNullable<BoxPack | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:192

Inherited from

ComponentPropsWithoutRef.boxPack

---

boxShadow?

optional boxShadow: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | ShadowsToken | BoxShadow | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:193

Inherited from

ComponentPropsWithoutRef.boxShadow

---

boxShadowColor?

optional boxShadowColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:730

Inherited from

ComponentPropsWithoutRef.boxShadowColor

---

boxSize?

optional boxSize: ConditionalValue<`var(--${string})` | AnyString | SizesToken | Width<String | Number> | readonly NonNullable<Width<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:755

Inherited from

ComponentPropsWithoutRef.boxSize

---

boxSizing?

optional boxSizing: ConditionalValue<AnyString | BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:194

Inherited from

ComponentPropsWithoutRef.boxSizing

---

breakAfter?

optional breakAfter: ConditionalValue<AnyString | BreakAfter | readonly NonNullable<BreakAfter | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:195

Inherited from

ComponentPropsWithoutRef.breakAfter

---

breakBefore?

optional breakBefore: ConditionalValue<AnyString | BreakBefore | readonly NonNullable<BreakBefore | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:196

Inherited from

ComponentPropsWithoutRef.breakBefore

---

breakInside?

optional breakInside: ConditionalValue<AnyString | BreakInside | readonly NonNullable<BreakInside | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:197

Inherited from

ComponentPropsWithoutRef.breakInside

---

brightness?

optional brightness: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:732

Inherited from

ComponentPropsWithoutRef.brightness

---

captionSide?

optional captionSide: ConditionalValue<AnyString | CaptionSide | readonly NonNullable<CaptionSide | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:198

Inherited from

ComponentPropsWithoutRef.captionSide

---

caret?

optional caret: ConditionalValue<readonly string[] | AnyString | Caret | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:199

Inherited from

ComponentPropsWithoutRef.caret

---

caretColor?

optional caretColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | "auto" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:200

Inherited from

ComponentPropsWithoutRef.caretColor

---

caretShape?

optional caretShape: ConditionalValue<AnyString | CaretShape | readonly NonNullable<CaretShape | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:201

Inherited from

ComponentPropsWithoutRef.caretShape

---

children?

optional children: ReactNode

Defined in: node_modules/@types/react/index.d.ts:2230

Inherited from

ComponentPropsWithoutRef.children

---

className?

optional className: string

Defined in: packages/react-querybuilder/src/types/props.ts:74

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

---

clear?

optional clear: ConditionalValue<AnyString | Clear | readonly NonNullable<Clear | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:202

Inherited from

ComponentPropsWithoutRef.clear

---

clip?

optional clip: ConditionalValue<readonly string[] | AnyString | Clip | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:203

Inherited from

ComponentPropsWithoutRef.clip

---

clipPath?

optional clipPath: ConditionalValue<readonly string[] | AnyString | ClipPath | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:204

Inherited from

ComponentPropsWithoutRef.clipPath

---

clipRule?

optional clipRule: ConditionalValue<AnyString | ClipRule | readonly NonNullable<ClipRule | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:205

Inherited from

ComponentPropsWithoutRef.clipRule

---

color?

optional color: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:206

Inherited from

ComponentPropsWithoutRef.color

---

colorInterpolation?

optional colorInterpolation: ConditionalValue<AnyString | ColorInterpolation | readonly NonNullable<ColorInterpolation | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:592

Inherited from

ComponentPropsWithoutRef.colorInterpolation

---

colorInterpolationFilters?

optional colorInterpolationFilters: ConditionalValue<AnyString | ColorInterpolationFilters | readonly NonNullable<ColorInterpolationFilters | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:207

Inherited from

ComponentPropsWithoutRef.colorInterpolationFilters

---

colorPalette?

optional colorPalette: ConditionalValue<"current" | "border" | "bg" | `var(--${string})` | AnyString | "transparent" | "black" | "white" | "fg" | "blue" | "cyan" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "whiteAlpha" | "blackAlpha" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:789

Inherited from

ComponentPropsWithoutRef.colorPalette

---

colorRendering?

optional colorRendering: ConditionalValue<AnyString | ColorRendering | readonly NonNullable<ColorRendering | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:593

Inherited from

ComponentPropsWithoutRef.colorRendering

---

colorScheme?

optional colorScheme: ConditionalValue<readonly string[] | AnyString | ColorScheme | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:208

Inherited from

ComponentPropsWithoutRef.colorScheme

---

columnCount?

optional columnCount: ConditionalValue<AnyString | ColumnCount | readonly NonNullable<ColumnCount | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:209

Inherited from

ComponentPropsWithoutRef.columnCount

---

columnFill?

optional columnFill: ConditionalValue<AnyString | ColumnFill | readonly NonNullable<ColumnFill | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:210

Inherited from

ComponentPropsWithoutRef.columnFill

---

columnGap?

optional columnGap: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ColumnGap<String | Number> | readonly NonNullable<ColumnGap<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:211

Inherited from

ComponentPropsWithoutRef.columnGap

---

columnRule?

optional columnRule: ConditionalValue<AnyString | ColumnRule<String | Number> | readonly NonNullable<ColumnRule<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:212

Inherited from

ComponentPropsWithoutRef.columnRule

---

columnRuleColor?

optional columnRuleColor: ConditionalValue<readonly string[] | AnyString | ColumnRuleColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:213

Inherited from

ComponentPropsWithoutRef.columnRuleColor

---

columnRuleStyle?

optional columnRuleStyle: ConditionalValue<readonly string[] | AnyString | ColumnRuleStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:214

Inherited from

ComponentPropsWithoutRef.columnRuleStyle

---

columnRuleWidth?

optional columnRuleWidth: ConditionalValue<AnyString | ColumnRuleWidth<String | Number> | readonly NonNullable<ColumnRuleWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:215

Inherited from

ComponentPropsWithoutRef.columnRuleWidth

---

columns?

optional columns: ConditionalValue<AnyString | Columns<String | Number> | readonly NonNullable<Columns<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:218

Inherited from

ComponentPropsWithoutRef.columns

---

columnSpan?

optional columnSpan: ConditionalValue<AnyString | ColumnSpan | readonly NonNullable<ColumnSpan | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:216

Inherited from

ComponentPropsWithoutRef.columnSpan

---

columnWidth?

optional columnWidth: ConditionalValue<AnyString | ColumnWidth<String | Number> | readonly NonNullable<ColumnWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:217

Inherited from

ComponentPropsWithoutRef.columnWidth

---

contain?

optional contain: ConditionalValue<readonly string[] | AnyString | Contain | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:219

Inherited from

ComponentPropsWithoutRef.contain

---

container?

optional container: ConditionalValue<readonly string[] | AnyString | Container | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:225

Inherited from

ComponentPropsWithoutRef.container

---

containerName?

optional containerName: ConditionalValue<readonly string[] | AnyString | ContainerName | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:226

Inherited from

ComponentPropsWithoutRef.containerName

---

containerType?

optional containerType: ConditionalValue<readonly string[] | AnyString | ContainerType | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:227

Inherited from

ComponentPropsWithoutRef.containerType

---

containIntrinsicBlockSize?

optional containIntrinsicBlockSize: ConditionalValue<AnyString | ContainIntrinsicBlockSize<String | Number> | readonly NonNullable<ContainIntrinsicBlockSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:220

Inherited from

ComponentPropsWithoutRef.containIntrinsicBlockSize

---

containIntrinsicHeight?

optional containIntrinsicHeight: ConditionalValue<AnyString | ContainIntrinsicHeight<String | Number> | readonly NonNullable<ContainIntrinsicHeight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:221

Inherited from

ComponentPropsWithoutRef.containIntrinsicHeight

---

containIntrinsicInlineSize?

optional containIntrinsicInlineSize: ConditionalValue<AnyString | ContainIntrinsicInlineSize<String | Number> | readonly NonNullable<ContainIntrinsicInlineSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:222

Inherited from

ComponentPropsWithoutRef.containIntrinsicInlineSize

---

containIntrinsicSize?

optional containIntrinsicSize: ConditionalValue<AnyString | ContainIntrinsicSize<String | Number> | readonly NonNullable<ContainIntrinsicSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:223

Inherited from

ComponentPropsWithoutRef.containIntrinsicSize

---

containIntrinsicWidth?

optional containIntrinsicWidth: ConditionalValue<AnyString | ContainIntrinsicWidth<String | Number> | readonly NonNullable<ContainIntrinsicWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:224

Inherited from

ComponentPropsWithoutRef.containIntrinsicWidth

---

content?

optional content: ConditionalValue<readonly string[] | AnyString | Content | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:228

Inherited from

ComponentPropsWithoutRef.content

---

contentEditable?

optional contentEditable: Booleanish | "inherit" | "plaintext-only"

Defined in: node_modules/@types/react/index.d.ts:2760

Inherited from

ComponentPropsWithoutRef.contentEditable

---

contentVisibility?

optional contentVisibility: ConditionalValue<AnyString | ContentVisibility | readonly NonNullable<ContentVisibility | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:229

Inherited from

ComponentPropsWithoutRef.contentVisibility

---

context?

optional context: any

Defined in: packages/react-querybuilder/src/types/props.ts:95

Container for custom props that are passed to all components.

Inherited from

ActionProps.context

---

contextMenu?

optional contextMenu: string

Defined in: node_modules/@types/react/index.d.ts:2761

Inherited from

ComponentPropsWithoutRef.contextMenu

---

contrast?

optional contrast: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:733

Inherited from

ComponentPropsWithoutRef.contrast

---

counterIncrement?

optional counterIncrement: ConditionalValue<readonly string[] | AnyString | CounterIncrement | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:230

Inherited from

ComponentPropsWithoutRef.counterIncrement

---

counterReset?

optional counterReset: ConditionalValue<readonly string[] | AnyString | CounterReset | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:231

Inherited from

ComponentPropsWithoutRef.counterReset

---

counterSet?

optional counterSet: ConditionalValue<readonly string[] | AnyString | CounterSet | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:232

Inherited from

ComponentPropsWithoutRef.counterSet

---

css?

optional css: SystemStyleObject | Omit<(SystemStyleObject | undefined)[], keyof any[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:48

Inherited from

ComponentPropsWithoutRef.css

---

cursor?

optional cursor: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | CursorToken | Cursor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:233

Inherited from

ComponentPropsWithoutRef.cursor

---

cx?

optional cx: ConditionalValue<AnyString | Cx<String | Number> | readonly NonNullable<Cx<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:234

Inherited from

ComponentPropsWithoutRef.cx

---

cy?

optional cy: ConditionalValue<AnyString | Cy<String | Number> | readonly NonNullable<Cy<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:235

Inherited from

ComponentPropsWithoutRef.cy

---

d?

optional d: ConditionalValue<readonly string[] | AnyString | D | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:236

Inherited from

ComponentPropsWithoutRef.d

---

dangerouslySetInnerHTML?

optional dangerouslySetInnerHTML: { __html: string | TrustedHTML; }

Defined in: node_modules/@types/react/index.d.ts:2231

__html

__html: string | TrustedHTML

Inherited from

ComponentPropsWithoutRef.dangerouslySetInnerHTML

---

datatype?

optional datatype: string

Defined in: node_modules/@types/react/index.d.ts:2785

Inherited from

ComponentPropsWithoutRef.datatype

---

debug?

optional debug: ConditionalValue<boolean | `var(--${string})` | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:788

Inherited from

ComponentPropsWithoutRef.debug

---

defaultChecked?

optional defaultChecked: boolean

Defined in: node_modules/@types/react/index.d.ts:2750

Inherited from

ComponentPropsWithoutRef.defaultChecked

---

defaultValue?

optional defaultValue: string | number | readonly string[]

Defined in: node_modules/@types/react/index.d.ts:2751

Inherited from

ComponentPropsWithoutRef.defaultValue

---

dir?

optional dir: string

Defined in: node_modules/@types/react/index.d.ts:2762

Inherited from

ComponentPropsWithoutRef.dir

---

direction?

optional direction: ConditionalValue<AnyString | Direction | readonly NonNullable<Direction | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:237

Inherited from

ComponentPropsWithoutRef.direction

---

disabled?

optional disabled: boolean

Defined in: packages/react-querybuilder/src/types/props.ts:90

Disables the control.

Inherited from

ActionProps.disabled

---

disabledTranslation?

optional disabledTranslation: TranslationWithLabel

Defined in: packages/react-querybuilder/src/types/props.ts:273

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

Inherited from

ActionProps.disabledTranslation

---

display?

optional display: ConditionalValue<readonly string[] | AnyString | Display | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:238

Inherited from

ComponentPropsWithoutRef.display

---

divideColor?

optional divideColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:728

Inherited from

ComponentPropsWithoutRef.divideColor

---

divideStyle?

optional divideStyle: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | BorderStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:729

Inherited from

ComponentPropsWithoutRef.divideStyle

---

divideX?

optional divideX: ConditionalValue<string | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:726

Inherited from

ComponentPropsWithoutRef.divideX

---

divideY?

optional divideY: ConditionalValue<string | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:727

Inherited from

ComponentPropsWithoutRef.divideY

---

dominantBaseline?

optional dominantBaseline: ConditionalValue<AnyString | DominantBaseline | readonly NonNullable<DominantBaseline | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:239

Inherited from

ComponentPropsWithoutRef.dominantBaseline

---

draggable?

optional draggable: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2763

Inherited from

ComponentPropsWithoutRef.draggable

---

dropShadow?

optional dropShadow: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:739

Inherited from

ComponentPropsWithoutRef.dropShadow

---

emptyCells?

optional emptyCells: ConditionalValue<AnyString | EmptyCells | readonly NonNullable<EmptyCells | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:240

Inherited from

ComponentPropsWithoutRef.emptyCells

---

enterKeyHint?

optional enterKeyHint: "search" | "done" | "enter" | "go" | "next" | "previous" | "send"

Defined in: node_modules/@types/react/index.d.ts:2764

Inherited from

ComponentPropsWithoutRef.enterKeyHint

---

exportparts?

optional exportparts: string

Defined in: node_modules/@types/react/index.d.ts:2831

See

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts

Inherited from

ComponentPropsWithoutRef.exportparts

---

fieldSizing?

optional fieldSizing: ConditionalValue<AnyString | FieldSizing | readonly NonNullable<FieldSizing | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:241

Inherited from

ComponentPropsWithoutRef.fieldSizing

---

fill?

optional fill: ConditionalValue<readonly string[] | string & { } | "none" | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | "context-fill" | "context-stroke" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:242

Inherited from

ComponentPropsWithoutRef.fill

---

fillOpacity?

optional fillOpacity: ConditionalValue<AnyString | FillOpacity | readonly NonNullable<FillOpacity | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:243

Inherited from

ComponentPropsWithoutRef.fillOpacity

---

fillRule?

optional fillRule: ConditionalValue<AnyString | FillRule | readonly NonNullable<FillRule | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:244

Inherited from

ComponentPropsWithoutRef.fillRule

---

filter?

optional filter: ConditionalValue<readonly string[] | AnyString | Filter | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:245

Inherited from

ComponentPropsWithoutRef.filter

---

flex?

optional flex: ConditionalValue<AnyString | Flex<String | Number> | readonly NonNullable<Flex<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:246

Inherited from

ComponentPropsWithoutRef.flex

---

flexBasis?

optional flexBasis: ConditionalValue<`var(--${string})` | AnyString | SizesToken | FlexBasis<String | Number> | readonly NonNullable<FlexBasis<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:247

Inherited from

ComponentPropsWithoutRef.flexBasis

---

flexDir?

optional flexDir: ConditionalValue<AnyString | FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:670

Inherited from

ComponentPropsWithoutRef.flexDir

---

flexDirection?

optional flexDirection: ConditionalValue<AnyString | FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:248

Inherited from

ComponentPropsWithoutRef.flexDirection

---

flexFlow?

optional flexFlow: ConditionalValue<readonly string[] | AnyString | FlexFlow | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:249

Inherited from

ComponentPropsWithoutRef.flexFlow

---

flexGrow?

optional flexGrow: ConditionalValue<AnyString | FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:250

Inherited from

ComponentPropsWithoutRef.flexGrow

---

flexShrink?

optional flexShrink: ConditionalValue<AnyString | FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:251

Inherited from

ComponentPropsWithoutRef.flexShrink

---

flexWrap?

optional flexWrap: ConditionalValue<AnyString | FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:252

Inherited from

ComponentPropsWithoutRef.flexWrap

---

float?

optional float: ConditionalValue<AnyString | Float | readonly NonNullable<Float | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:253

Inherited from

ComponentPropsWithoutRef.float

---

floodColor?

optional floodColor: ConditionalValue<readonly string[] | AnyString | FloodColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:254

Inherited from

ComponentPropsWithoutRef.floodColor

---

floodOpacity?

optional floodOpacity: ConditionalValue<AnyString | FloodOpacity | readonly NonNullable<FloodOpacity | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:255

Inherited from

ComponentPropsWithoutRef.floodOpacity

---

focusRing?

optional focusRing: ConditionalValue<"none" | "mixed" | `var(--${string})` | AnyString | "inside" | "outside" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:749

Inherited from

ComponentPropsWithoutRef.focusRing

---

focusRingColor?

optional focusRingColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:751

Inherited from

ComponentPropsWithoutRef.focusRingColor

---

focusRingOffset?

optional focusRingOffset: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:752

Inherited from

ComponentPropsWithoutRef.focusRingOffset

---

focusRingStyle?

optional focusRingStyle: ConditionalValue<`var(--${string})` | AnyString | OutlineStyle | readonly NonNullable<OutlineStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:754

Inherited from

ComponentPropsWithoutRef.focusRingStyle

---

focusRingWidth?

optional focusRingWidth: ConditionalValue<`var(--${string})` | AnyString | OutlineWidth<String | Number> | readonly NonNullable<OutlineWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:753

Inherited from

ComponentPropsWithoutRef.focusRingWidth

---

focusVisibleRing?

optional focusVisibleRing: ConditionalValue<"none" | "mixed" | `var(--${string})` | AnyString | "inside" | "outside" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:750

Inherited from

ComponentPropsWithoutRef.focusVisibleRing

---

font?

optional font: ConditionalValue<readonly string[] | AnyString | Font | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:256

Inherited from

ComponentPropsWithoutRef.font

---

fontFamily?

optional fontFamily: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | FontsToken | FontFamily | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:257

Inherited from

ComponentPropsWithoutRef.fontFamily

---

fontFeatureSettings?

optional fontFeatureSettings: ConditionalValue<readonly string[] | AnyString | FontFeatureSettings | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:258

Inherited from

ComponentPropsWithoutRef.fontFeatureSettings

---

fontKerning?

optional fontKerning: ConditionalValue<AnyString | FontKerning | readonly NonNullable<FontKerning | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:259

Inherited from

ComponentPropsWithoutRef.fontKerning

---

fontLanguageOverride?

optional fontLanguageOverride: ConditionalValue<readonly string[] | AnyString | FontLanguageOverride | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:260

Inherited from

ComponentPropsWithoutRef.fontLanguageOverride

---

fontOpticalSizing?

optional fontOpticalSizing: ConditionalValue<AnyString | FontOpticalSizing | readonly NonNullable<FontOpticalSizing | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:261

Inherited from

ComponentPropsWithoutRef.fontOpticalSizing

---

fontPalette?

optional fontPalette: ConditionalValue<readonly string[] | AnyString | FontPalette | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:262

Inherited from

ComponentPropsWithoutRef.fontPalette

---

fontSize?

optional fontSize: ConditionalValue<`var(--${string})` | AnyString | FontSizesToken | FontSize<String | Number> | readonly NonNullable<FontSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:263

Inherited from

ComponentPropsWithoutRef.fontSize

---

fontSizeAdjust?

optional fontSizeAdjust: ConditionalValue<AnyString | FontSizeAdjust | readonly NonNullable<FontSizeAdjust | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:264

Inherited from

ComponentPropsWithoutRef.fontSizeAdjust

---

fontSmooth?

optional fontSmooth: ConditionalValue<AnyString | FontSmooth<String | Number> | readonly NonNullable<FontSmooth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:265

Inherited from

ComponentPropsWithoutRef.fontSmooth

---

fontStretch?

optional fontStretch: ConditionalValue<readonly string[] | AnyString | FontStretch | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:266

Inherited from

ComponentPropsWithoutRef.fontStretch

---

fontStyle?

optional fontStyle: ConditionalValue<readonly string[] | AnyString | FontStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:267

Inherited from

ComponentPropsWithoutRef.fontStyle

---

fontSynthesis?

optional fontSynthesis: ConditionalValue<readonly string[] | AnyString | FontSynthesis | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:268

Inherited from

ComponentPropsWithoutRef.fontSynthesis

---

fontSynthesisPosition?

optional fontSynthesisPosition: ConditionalValue<AnyString | FontSynthesisPosition | readonly NonNullable<FontSynthesisPosition | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:269

Inherited from

ComponentPropsWithoutRef.fontSynthesisPosition

---

fontSynthesisSmallCaps?

optional fontSynthesisSmallCaps: ConditionalValue<AnyString | FontSynthesisSmallCaps | readonly NonNullable<FontSynthesisSmallCaps | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:270

Inherited from

ComponentPropsWithoutRef.fontSynthesisSmallCaps

---

fontSynthesisStyle?

optional fontSynthesisStyle: ConditionalValue<AnyString | FontSynthesisStyle | readonly NonNullable<FontSynthesisStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:271

Inherited from

ComponentPropsWithoutRef.fontSynthesisStyle

---

fontSynthesisWeight?

optional fontSynthesisWeight: ConditionalValue<AnyString | FontSynthesisWeight | readonly NonNullable<FontSynthesisWeight | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:272

Inherited from

ComponentPropsWithoutRef.fontSynthesisWeight

---

fontVariant?

optional fontVariant: ConditionalValue<readonly string[] | AnyString | FontVariant | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:273

Inherited from

ComponentPropsWithoutRef.fontVariant

---

fontVariantAlternates?

optional fontVariantAlternates: ConditionalValue<readonly string[] | AnyString | FontVariantAlternates | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:274

Inherited from

ComponentPropsWithoutRef.fontVariantAlternates

---

fontVariantCaps?

optional fontVariantCaps: ConditionalValue<AnyString | FontVariantCaps | readonly NonNullable<FontVariantCaps | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:275

Inherited from

ComponentPropsWithoutRef.fontVariantCaps

---

fontVariantEastAsian?

optional fontVariantEastAsian: ConditionalValue<readonly string[] | AnyString | FontVariantEastAsian | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:276

Inherited from

ComponentPropsWithoutRef.fontVariantEastAsian

---

fontVariantEmoji?

optional fontVariantEmoji: ConditionalValue<AnyString | FontVariantEmoji | readonly NonNullable<FontVariantEmoji | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:277

Inherited from

ComponentPropsWithoutRef.fontVariantEmoji

---

fontVariantLigatures?

optional fontVariantLigatures: ConditionalValue<readonly string[] | AnyString | FontVariantLigatures | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:278

Inherited from

ComponentPropsWithoutRef.fontVariantLigatures

---

fontVariantNumeric?

optional fontVariantNumeric: ConditionalValue<readonly string[] | AnyString | FontVariantNumeric | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:279

Inherited from

ComponentPropsWithoutRef.fontVariantNumeric

---

fontVariantPosition?

optional fontVariantPosition: ConditionalValue<AnyString | FontVariantPosition | readonly NonNullable<FontVariantPosition | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:280

Inherited from

ComponentPropsWithoutRef.fontVariantPosition

---

fontVariationSettings?

optional fontVariationSettings: ConditionalValue<readonly string[] | AnyString | FontVariationSettings | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:281

Inherited from

ComponentPropsWithoutRef.fontVariationSettings

---

fontWeight?

optional fontWeight: ConditionalValue<"bold" | string & { } | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "black" | number & { } | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold" | "extrabold" | "bolder" | "lighter" | readonly NonNullable<FontWeight | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:282

Inherited from

ComponentPropsWithoutRef.fontWeight

---

forcedColorAdjust?

optional forcedColorAdjust: ConditionalValue<AnyString | ForcedColorAdjust | readonly NonNullable<ForcedColorAdjust | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:283

Inherited from

ComponentPropsWithoutRef.forcedColorAdjust

---

form?

optional form: string

Defined in: node_modules/@types/react/index.d.ts:3017

Inherited from

ComponentPropsWithoutRef.form

---

formAction?

optional formAction: string | (formData: FormData) => void | Promise<void>

Defined in: node_modules/@types/react/index.d.ts:3018

Inherited from

ComponentPropsWithoutRef.formAction

---

formEncType?

optional formEncType: string

Defined in: node_modules/@types/react/index.d.ts:3025

Inherited from

ComponentPropsWithoutRef.formEncType

---

formMethod?

optional formMethod: string

Defined in: node_modules/@types/react/index.d.ts:3026

Inherited from

ComponentPropsWithoutRef.formMethod

---

formNoValidate?

optional formNoValidate: boolean

Defined in: node_modules/@types/react/index.d.ts:3027

Inherited from

ComponentPropsWithoutRef.formNoValidate

---

formTarget?

optional formTarget: string

Defined in: node_modules/@types/react/index.d.ts:3028

Inherited from

ComponentPropsWithoutRef.formTarget

---

gap?

optional gap: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Gap<String | Number> | readonly NonNullable<Gap<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:284

Inherited from

ComponentPropsWithoutRef.gap

---

gapX?

optional gapX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ColumnGap<String | Number> | readonly NonNullable<ColumnGap<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:669

Inherited from

ComponentPropsWithoutRef.gapX

---

gapY?

optional gapY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | RowGap<String | Number> | readonly NonNullable<RowGap<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:668

Inherited from

ComponentPropsWithoutRef.gapY

---

glyphOrientationVertical?

optional glyphOrientationVertical: ConditionalValue<AnyString | GlyphOrientationVertical | readonly NonNullable<GlyphOrientationVertical | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:594

Inherited from

ComponentPropsWithoutRef.glyphOrientationVertical

---

gradientFrom?

optional gradientFrom: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:717

Inherited from

ComponentPropsWithoutRef.gradientFrom

---

gradientTo?

optional gradientTo: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:718

Inherited from

ComponentPropsWithoutRef.gradientTo

---

gradientVia?

optional gradientVia: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:719

Inherited from

ComponentPropsWithoutRef.gradientVia

---

grayscale?

optional grayscale: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:734

Inherited from

ComponentPropsWithoutRef.grayscale

---

grid?

optional grid: ConditionalValue<readonly string[] | AnyString | Grid | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:285

Inherited from

ComponentPropsWithoutRef.grid

---

gridArea?

optional gridArea: ConditionalValue<AnyString | GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:286

Inherited from

ComponentPropsWithoutRef.gridArea

---

gridAutoColumns?

optional gridAutoColumns: ConditionalValue<AnyString | GridAutoColumns<String | Number> | readonly NonNullable<GridAutoColumns<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:287

Inherited from

ComponentPropsWithoutRef.gridAutoColumns

---

gridAutoFlow?

optional gridAutoFlow: ConditionalValue<readonly string[] | AnyString | GridAutoFlow | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:288

Inherited from

ComponentPropsWithoutRef.gridAutoFlow

---

gridAutoRows?

optional gridAutoRows: ConditionalValue<AnyString | GridAutoRows<String | Number> | readonly NonNullable<GridAutoRows<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:289

Inherited from

ComponentPropsWithoutRef.gridAutoRows

---

gridColumn?

optional gridColumn: ConditionalValue<AnyString | GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:290

Inherited from

ComponentPropsWithoutRef.gridColumn

---

gridColumnEnd?

optional gridColumnEnd: ConditionalValue<AnyString | GridColumnEnd | readonly NonNullable<GridColumnEnd | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:291

Inherited from

ComponentPropsWithoutRef.gridColumnEnd

---

gridColumnGap?

optional gridColumnGap: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | GridColumnGap<String | Number> | readonly NonNullable<GridColumnGap<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:292

Inherited from

ComponentPropsWithoutRef.gridColumnGap

---

gridColumnStart?

optional gridColumnStart: ConditionalValue<AnyString | GridColumnStart | readonly NonNullable<GridColumnStart | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:293

Inherited from

ComponentPropsWithoutRef.gridColumnStart

---

gridGap?

optional gridGap: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | GridGap<String | Number> | readonly NonNullable<GridGap<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:294

Inherited from

ComponentPropsWithoutRef.gridGap

---

gridRow?

optional gridRow: ConditionalValue<AnyString | GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:295

Inherited from

ComponentPropsWithoutRef.gridRow

---

gridRowEnd?

optional gridRowEnd: ConditionalValue<AnyString | GridRowEnd | readonly NonNullable<GridRowEnd | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:296

Inherited from

ComponentPropsWithoutRef.gridRowEnd

---

gridRowGap?

optional gridRowGap: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | GridRowGap<String | Number> | readonly NonNullable<GridRowGap<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:297

Inherited from

ComponentPropsWithoutRef.gridRowGap

---

gridRowStart?

optional gridRowStart: ConditionalValue<AnyString | GridRowStart | readonly NonNullable<GridRowStart | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:298

Inherited from

ComponentPropsWithoutRef.gridRowStart

---

gridTemplate?

optional gridTemplate: ConditionalValue<readonly string[] | AnyString | GridTemplate | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:299

Inherited from

ComponentPropsWithoutRef.gridTemplate

---

gridTemplateAreas?

optional gridTemplateAreas: ConditionalValue<readonly string[] | AnyString | GridTemplateAreas | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:300

Inherited from

ComponentPropsWithoutRef.gridTemplateAreas

---

gridTemplateColumns?

optional gridTemplateColumns: ConditionalValue<AnyString | GridTemplateColumns<String | Number> | readonly NonNullable<GridTemplateColumns<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:301

Inherited from

ComponentPropsWithoutRef.gridTemplateColumns

---

gridTemplateRows?

optional gridTemplateRows: ConditionalValue<AnyString | GridTemplateRows<String | Number> | readonly NonNullable<GridTemplateRows<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:302

Inherited from

ComponentPropsWithoutRef.gridTemplateRows

---

h?

optional h: ConditionalValue<`var(--${string})` | AnyString | SizesToken | Height<String | Number> | readonly NonNullable<Height<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:672

Inherited from

ComponentPropsWithoutRef.h

---

hangingPunctuation?

optional hangingPunctuation: ConditionalValue<readonly string[] | AnyString | HangingPunctuation | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:303

Inherited from

ComponentPropsWithoutRef.hangingPunctuation

---

height?

optional height: ConditionalValue<`var(--${string})` | AnyString | SizesToken | Height<String | Number> | readonly NonNullable<Height<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:304

Inherited from

ComponentPropsWithoutRef.height

---

hidden?

optional hidden: boolean

Defined in: node_modules/@types/react/index.d.ts:2765

Inherited from

ComponentPropsWithoutRef.hidden

---

hideBelow?

optional hideBelow: ConditionalValue<`var(--${string})` | AnyString | BreakpointsToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:757

Inherited from

ComponentPropsWithoutRef.hideBelow

---

hideFrom?

optional hideFrom: ConditionalValue<`var(--${string})` | AnyString | BreakpointsToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:756

Inherited from

ComponentPropsWithoutRef.hideFrom

---

htmlContent?

optional htmlContent: string

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:22

Inherited from

ComponentPropsWithoutRef.htmlContent

---

htmlHeight?

optional htmlHeight: string | number

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:20

Inherited from

ComponentPropsWithoutRef.htmlHeight

---

htmlSize?

optional htmlSize: number

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:18

Inherited from

ComponentPropsWithoutRef.htmlSize

---

htmlTranslate?

optional htmlTranslate: "yes" | "no"

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:21

Inherited from

ComponentPropsWithoutRef.htmlTranslate

---

htmlWidth?

optional htmlWidth: string | number

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:19

Inherited from

ComponentPropsWithoutRef.htmlWidth

---

hueRotate?

optional hueRotate: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:735

Inherited from

ComponentPropsWithoutRef.hueRotate

---

hyphenateCharacter?

optional hyphenateCharacter: ConditionalValue<readonly string[] | AnyString | HyphenateCharacter | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:305

Inherited from

ComponentPropsWithoutRef.hyphenateCharacter

---

hyphenateLimitChars?

optional hyphenateLimitChars: ConditionalValue<AnyString | HyphenateLimitChars | readonly NonNullable<HyphenateLimitChars | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:306

Inherited from

ComponentPropsWithoutRef.hyphenateLimitChars

---

hyphens?

optional hyphens: ConditionalValue<AnyString | Hyphens | readonly NonNullable<Hyphens | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:307

Inherited from

ComponentPropsWithoutRef.hyphens

---

id?

optional id: string

Defined in: node_modules/@types/react/index.d.ts:2766

Inherited from

ComponentPropsWithoutRef.id

---

imageOrientation?

optional imageOrientation: ConditionalValue<readonly string[] | AnyString | ImageOrientation | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:308

Inherited from

ComponentPropsWithoutRef.imageOrientation

---

imageRendering?

optional imageRendering: ConditionalValue<AnyString | ImageRendering | readonly NonNullable<ImageRendering | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:309

Inherited from

ComponentPropsWithoutRef.imageRendering

---

imageResolution?

optional imageResolution: ConditionalValue<readonly string[] | AnyString | ImageResolution | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:310

Inherited from

ComponentPropsWithoutRef.imageResolution

---

imeMode?

optional imeMode: ConditionalValue<AnyString | ImeMode | readonly NonNullable<ImeMode | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:311

Inherited from

ComponentPropsWithoutRef.imeMode

---

inert?

optional inert: boolean

Defined in: node_modules/@types/react/index.d.ts:2817

See

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert

Inherited from

ComponentPropsWithoutRef.inert

---

initialLetter?

optional initialLetter: ConditionalValue<AnyString | InitialLetter | readonly NonNullable<InitialLetter | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:312

Inherited from

ComponentPropsWithoutRef.initialLetter

---

initialLetterAlign?

optional initialLetterAlign: ConditionalValue<AnyString | InitialLetterAlign | readonly NonNullable<InitialLetterAlign | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:313

Inherited from

ComponentPropsWithoutRef.initialLetterAlign

---

inlineSize?

optional inlineSize: ConditionalValue<`var(--${string})` | AnyString | SizesToken | InlineSize<String | Number> | readonly NonNullable<InlineSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:314

Inherited from

ComponentPropsWithoutRef.inlineSize

---

inlist?

optional inlist: any

Defined in: node_modules/@types/react/index.d.ts:2786

Inherited from

ComponentPropsWithoutRef.inlist

---

inputMode?

optional inputMode: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal"

Defined in: node_modules/@types/react/index.d.ts:2822

Hints at the type of data that might be entered by the user while editing the element or its contents

See

https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

Inherited from

ComponentPropsWithoutRef.inputMode

---

inset?

optional inset: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Inset<String | Number> | readonly NonNullable<Inset<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:315

Inherited from

ComponentPropsWithoutRef.inset

---

insetBlock?

optional insetBlock: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetBlock<String | Number> | readonly NonNullable<InsetBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:316

Inherited from

ComponentPropsWithoutRef.insetBlock

---

insetBlockEnd?

optional insetBlockEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetBlockEnd<String | Number> | readonly NonNullable<InsetBlockEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:317

Inherited from

ComponentPropsWithoutRef.insetBlockEnd

---

insetBlockStart?

optional insetBlockStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetBlockStart<String | Number> | readonly NonNullable<InsetBlockStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:318

Inherited from

ComponentPropsWithoutRef.insetBlockStart

---

insetEnd?

optional insetEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetInlineEnd<String | Number> | readonly NonNullable<InsetInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:688

Inherited from

ComponentPropsWithoutRef.insetEnd

---

insetInline?

optional insetInline: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetInline<String | Number> | readonly NonNullable<InsetInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:319

Inherited from

ComponentPropsWithoutRef.insetInline

---

insetInlineEnd?

optional insetInlineEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetInlineEnd<String | Number> | readonly NonNullable<InsetInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:320

Inherited from

ComponentPropsWithoutRef.insetInlineEnd

---

insetInlineStart?

optional insetInlineStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetInlineStart<String | Number> | readonly NonNullable<InsetInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:321

Inherited from

ComponentPropsWithoutRef.insetInlineStart

---

insetStart?

optional insetStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetInlineStart<String | Number> | readonly NonNullable<InsetInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:687

Inherited from

ComponentPropsWithoutRef.insetStart

---

insetX?

optional insetX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetInline<String | Number> | readonly NonNullable<InsetInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:685

Inherited from

ComponentPropsWithoutRef.insetX

---

insetY?

optional insetY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | InsetBlock<String | Number> | readonly NonNullable<InsetBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:686

Inherited from

ComponentPropsWithoutRef.insetY

---

interpolateSize?

optional interpolateSize: ConditionalValue<AnyString | InterpolateSize | readonly NonNullable<InterpolateSize | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:322

Inherited from

ComponentPropsWithoutRef.interpolateSize

---

invert?

optional invert: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:736

Inherited from

ComponentPropsWithoutRef.invert

---

is?

optional is: string

Defined in: node_modules/@types/react/index.d.ts:2827

Specify that a standard HTML element should behave like a defined custom built-in element

See

https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is

Inherited from

ComponentPropsWithoutRef.is

---

isolation?

optional isolation: ConditionalValue<AnyString | Isolation | readonly NonNullable<Isolation | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:323

Inherited from

ComponentPropsWithoutRef.isolation

---

itemID?

optional itemID: string

Defined in: node_modules/@types/react/index.d.ts:2802

Inherited from

ComponentPropsWithoutRef.itemID

---

itemProp?

optional itemProp: string

Defined in: node_modules/@types/react/index.d.ts:2799

Inherited from

ComponentPropsWithoutRef.itemProp

---

itemRef?

optional itemRef: string

Defined in: node_modules/@types/react/index.d.ts:2803

Inherited from

ComponentPropsWithoutRef.itemRef

---

itemScope?

optional itemScope: boolean

Defined in: node_modules/@types/react/index.d.ts:2800

Inherited from

ComponentPropsWithoutRef.itemScope

---

itemType?

optional itemType: string

Defined in: node_modules/@types/react/index.d.ts:2801

Inherited from

ComponentPropsWithoutRef.itemType

---

justifyContent?

optional justifyContent: ConditionalValue<readonly string[] | AnyString | JustifyContent | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:324

Inherited from

ComponentPropsWithoutRef.justifyContent

---

justifyItems?

optional justifyItems: ConditionalValue<readonly string[] | AnyString | JustifyItems | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:325

Inherited from

ComponentPropsWithoutRef.justifyItems

---

justifySelf?

optional justifySelf: ConditionalValue<readonly string[] | AnyString | JustifySelf | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:326

Inherited from

ComponentPropsWithoutRef.justifySelf

---

justifyTracks?

optional justifyTracks: ConditionalValue<readonly string[] | AnyString | JustifyTracks | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:327

Inherited from

ComponentPropsWithoutRef.justifyTracks

---

key?

optional key: Key | null

Defined in: node_modules/@types/react/index.d.ts:250

Inherited from

ComponentPropsWithoutRef.key

---

label?

optional label: ReactNode

Defined in: packages/react-querybuilder/src/types/props.ts:262

Visible text.

Inherited from

ActionProps.label

---

lang?

optional lang: string

Defined in: node_modules/@types/react/index.d.ts:2767

Inherited from

ComponentPropsWithoutRef.lang

---

layerStyle?

optional layerStyle: ConditionalValue<"disabled" | "none" | `var(--${string})` | AnyString | "fill.muted" | "fill.subtle" | "fill.surface" | "fill.solid" | "outline.subtle" | "outline.solid" | "indicator.bottom" | "indicator.top" | "indicator.start" | "indicator.end" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:791

Inherited from

ComponentPropsWithoutRef.layerStyle

---

left?

optional left: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Left<String | Number> | readonly NonNullable<Left<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:328

Inherited from

ComponentPropsWithoutRef.left

---

letterSpacing?

optional letterSpacing: ConditionalValue<`var(--${string})` | AnyString | LetterSpacingsToken | LetterSpacing<String | Number> | readonly NonNullable<LetterSpacing<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:329

Inherited from

ComponentPropsWithoutRef.letterSpacing

---

level

level: number

Defined in: packages/react-querybuilder/src/types/props.ts:82

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

Inherited from

ActionProps.level

---

lg?

optional lg: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:223

@media screen and (min-width: 64rem)

Inherited from

ComponentPropsWithoutRef.lg

---

lgDown?

optional lgDown: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:227

@media screen and (max-width: 63.9975rem)

Inherited from

ComponentPropsWithoutRef.lgDown

---

lgOnly?

optional lgOnly: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:225

@media screen and (min-width: 64rem) and (max-width: 79.9975rem)

Inherited from

ComponentPropsWithoutRef.lgOnly

---

lgTo2xl?

optional lgTo2xl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:257

@media screen and (min-width: 64rem) and (max-width: 95.9975rem)

Inherited from

ComponentPropsWithoutRef.lgTo2xl

---

lgToXl?

optional lgToXl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:255

@media screen and (min-width: 64rem) and (max-width: 79.9975rem)

Inherited from

ComponentPropsWithoutRef.lgToXl

---

lightingColor?

optional lightingColor: ConditionalValue<readonly string[] | AnyString | LightingColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:330

Inherited from

ComponentPropsWithoutRef.lightingColor

---

lineBreak?

optional lineBreak: ConditionalValue<AnyString | LineBreak | readonly NonNullable<LineBreak | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:331

Inherited from

ComponentPropsWithoutRef.lineBreak

---

lineClamp?

optional lineClamp: ConditionalValue<AnyString | LineClamp | readonly NonNullable<LineClamp | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:332

Inherited from

ComponentPropsWithoutRef.lineClamp

---

lineHeight?

optional lineHeight: ConditionalValue<`var(--${string})` | AnyString | LineHeightsToken | LineHeight<String | Number> | readonly NonNullable<LineHeight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:333

Inherited from

ComponentPropsWithoutRef.lineHeight

---

lineHeightStep?

optional lineHeightStep: ConditionalValue<AnyString | LineHeightStep<String | Number> | readonly NonNullable<LineHeightStep<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:334

Inherited from

ComponentPropsWithoutRef.lineHeightStep

---

listStyle?

optional listStyle: ConditionalValue<readonly string[] | AnyString | ListStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:335

Inherited from

ComponentPropsWithoutRef.listStyle

---

listStyleImage?

optional listStyleImage: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | ListStyleImage | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:336

Inherited from

ComponentPropsWithoutRef.listStyleImage

---

listStyleImg?

optional listStyleImg: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | ListStyleImage | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:683

Inherited from

ComponentPropsWithoutRef.listStyleImg

---

listStylePos?

optional listStylePos: ConditionalValue<AnyString | ListStylePosition | readonly NonNullable<ListStylePosition | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:682

Inherited from

ComponentPropsWithoutRef.listStylePos

---

listStylePosition?

optional listStylePosition: ConditionalValue<AnyString | ListStylePosition | readonly NonNullable<ListStylePosition | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:337

Inherited from

ComponentPropsWithoutRef.listStylePosition

---

listStyleType?

optional listStyleType: ConditionalValue<readonly string[] | AnyString | ListStyleType | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:338

Inherited from

ComponentPropsWithoutRef.listStyleType

---

loading?

optional loading: boolean

Defined in: node_modules/@chakra-ui/react/dist/types/components/button/button.d.ts:7

If true, the button will show a loading spinner.

Default

false

Inherited from

ComponentPropsWithoutRef.loading

---

loadingText?

optional loadingText: ReactNode

Defined in: node_modules/@chakra-ui/react/dist/types/components/button/button.d.ts:11

The text to show while loading.

Inherited from

ComponentPropsWithoutRef.loadingText

---

m?

optional m: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Margin<String | Number> | readonly NonNullable<Margin<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:689

Inherited from

ComponentPropsWithoutRef.m

---

margin?

optional margin: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Margin<String | Number> | readonly NonNullable<Margin<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:339

Inherited from

ComponentPropsWithoutRef.margin

---

marginBlock?

optional marginBlock: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginBlock<String | Number> | readonly NonNullable<MarginBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:340

Inherited from

ComponentPropsWithoutRef.marginBlock

---

marginBlockEnd?

optional marginBlockEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginBlockEnd<String | Number> | readonly NonNullable<MarginBlockEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:341

Inherited from

ComponentPropsWithoutRef.marginBlockEnd

---

marginBlockStart?

optional marginBlockStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginBlockStart<String | Number> | readonly NonNullable<MarginBlockStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:342

Inherited from

ComponentPropsWithoutRef.marginBlockStart

---

marginBottom?

optional marginBottom: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginBottom<String | Number> | readonly NonNullable<MarginBottom<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:343

Inherited from

ComponentPropsWithoutRef.marginBottom

---

marginEnd?

optional marginEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInlineEnd<String | Number> | readonly NonNullable<MarginInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:697

Inherited from

ComponentPropsWithoutRef.marginEnd

---

marginInline?

optional marginInline: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInline<String | Number> | readonly NonNullable<MarginInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:344

Inherited from

ComponentPropsWithoutRef.marginInline

---

marginInlineEnd?

optional marginInlineEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInlineEnd<String | Number> | readonly NonNullable<MarginInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:345

Inherited from

ComponentPropsWithoutRef.marginInlineEnd

---

marginInlineStart?

optional marginInlineStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInlineStart<String | Number> | readonly NonNullable<MarginInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:346

Inherited from

ComponentPropsWithoutRef.marginInlineStart

---

marginLeft?

optional marginLeft: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginLeft<String | Number> | readonly NonNullable<MarginLeft<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:347

Inherited from

ComponentPropsWithoutRef.marginLeft

---

marginRight?

optional marginRight: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginRight<String | Number> | readonly NonNullable<MarginRight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:348

Inherited from

ComponentPropsWithoutRef.marginRight

---

marginStart?

optional marginStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInlineStart<String | Number> | readonly NonNullable<MarginInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:695

Inherited from

ComponentPropsWithoutRef.marginStart

---

marginTop?

optional marginTop: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginTop<String | Number> | readonly NonNullable<MarginTop<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:349

Inherited from

ComponentPropsWithoutRef.marginTop

---

marginTrim?

optional marginTrim: ConditionalValue<AnyString | MarginTrim | readonly NonNullable<MarginTrim | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:350

Inherited from

ComponentPropsWithoutRef.marginTrim

---

marginX?

optional marginX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInline<String | Number> | readonly NonNullable<MarginInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:699

Inherited from

ComponentPropsWithoutRef.marginX

---

marginY?

optional marginY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginBlock<String | Number> | readonly NonNullable<MarginBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:701

Inherited from

ComponentPropsWithoutRef.marginY

---

marker?

optional marker: ConditionalValue<readonly string[] | AnyString | Marker | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:351

Inherited from

ComponentPropsWithoutRef.marker

---

markerEnd?

optional markerEnd: ConditionalValue<readonly string[] | AnyString | MarkerEnd | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:352

Inherited from

ComponentPropsWithoutRef.markerEnd

---

markerMid?

optional markerMid: ConditionalValue<readonly string[] | AnyString | MarkerMid | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:353

Inherited from

ComponentPropsWithoutRef.markerMid

---

markerStart?

optional markerStart: ConditionalValue<readonly string[] | AnyString | MarkerStart | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:354

Inherited from

ComponentPropsWithoutRef.markerStart

---

mask?

optional mask: ConditionalValue<AnyString | Mask<String | Number> | readonly NonNullable<Mask<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:355

Inherited from

ComponentPropsWithoutRef.mask

---

maskBorder?

optional maskBorder: ConditionalValue<AnyString | MaskBorder | readonly NonNullable<MaskBorder | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:356

Inherited from

ComponentPropsWithoutRef.maskBorder

---

maskBorderMode?

optional maskBorderMode: ConditionalValue<AnyString | MaskBorderMode | readonly NonNullable<MaskBorderMode | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:357

Inherited from

ComponentPropsWithoutRef.maskBorderMode

---

maskBorderOutset?

optional maskBorderOutset: ConditionalValue<AnyString | MaskBorderOutset<String | Number> | readonly NonNullable<MaskBorderOutset<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:358

Inherited from

ComponentPropsWithoutRef.maskBorderOutset

---

maskBorderRepeat?

optional maskBorderRepeat: ConditionalValue<readonly string[] | AnyString | MaskBorderRepeat | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:359

Inherited from

ComponentPropsWithoutRef.maskBorderRepeat

---

maskBorderSlice?

optional maskBorderSlice: ConditionalValue<AnyString | MaskBorderSlice | readonly NonNullable<MaskBorderSlice | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:360

Inherited from

ComponentPropsWithoutRef.maskBorderSlice

---

maskBorderSource?

optional maskBorderSource: ConditionalValue<readonly string[] | AnyString | MaskBorderSource | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:361

Inherited from

ComponentPropsWithoutRef.maskBorderSource

---

maskBorderWidth?

optional maskBorderWidth: ConditionalValue<AnyString | MaskBorderWidth<String | Number> | readonly NonNullable<MaskBorderWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:362

Inherited from

ComponentPropsWithoutRef.maskBorderWidth

---

maskClip?

optional maskClip: ConditionalValue<readonly string[] | AnyString | MaskClip | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:363

Inherited from

ComponentPropsWithoutRef.maskClip

---

maskComposite?

optional maskComposite: ConditionalValue<readonly string[] | AnyString | MaskComposite | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:364

Inherited from

ComponentPropsWithoutRef.maskComposite

---

maskImage?

optional maskImage: ConditionalValue<readonly string[] | AnyString | MaskImage | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:365

Inherited from

ComponentPropsWithoutRef.maskImage

---

maskMode?

optional maskMode: ConditionalValue<readonly string[] | AnyString | MaskMode | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:366

Inherited from

ComponentPropsWithoutRef.maskMode

---

maskOrigin?

optional maskOrigin: ConditionalValue<readonly string[] | AnyString | MaskOrigin | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:367

Inherited from

ComponentPropsWithoutRef.maskOrigin

---

maskPosition?

optional maskPosition: ConditionalValue<AnyString | MaskPosition<String | Number> | readonly NonNullable<MaskPosition<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:368

Inherited from

ComponentPropsWithoutRef.maskPosition

---

maskRepeat?

optional maskRepeat: ConditionalValue<readonly string[] | AnyString | MaskRepeat | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:369

Inherited from

ComponentPropsWithoutRef.maskRepeat

---

maskSize?

optional maskSize: ConditionalValue<AnyString | MaskSize<String | Number> | readonly NonNullable<MaskSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:370

Inherited from

ComponentPropsWithoutRef.maskSize

---

maskType?

optional maskType: ConditionalValue<AnyString | MaskType | readonly NonNullable<MaskType | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:371

Inherited from

ComponentPropsWithoutRef.maskType

---

masonryAutoFlow?

optional masonryAutoFlow: ConditionalValue<readonly string[] | AnyString | MasonryAutoFlow | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:372

Inherited from

ComponentPropsWithoutRef.masonryAutoFlow

---

mathDepth?

optional mathDepth: ConditionalValue<AnyString | MathDepth | readonly NonNullable<MathDepth | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:373

Inherited from

ComponentPropsWithoutRef.mathDepth

---

mathShift?

optional mathShift: ConditionalValue<AnyString | MathShift | readonly NonNullable<MathShift | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:374

Inherited from

ComponentPropsWithoutRef.mathShift

---

mathStyle?

optional mathStyle: ConditionalValue<AnyString | MathStyle | readonly NonNullable<MathStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:375

Inherited from

ComponentPropsWithoutRef.mathStyle

---

maxBlockSize?

optional maxBlockSize: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MaxBlockSize<String | Number> | readonly NonNullable<MaxBlockSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:376

Inherited from

ComponentPropsWithoutRef.maxBlockSize

---

maxH?

optional maxH: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MaxHeight<String | Number> | readonly NonNullable<MaxHeight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:676

Inherited from

ComponentPropsWithoutRef.maxH

---

maxHeight?

optional maxHeight: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MaxHeight<String | Number> | readonly NonNullable<MaxHeight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:377

Inherited from

ComponentPropsWithoutRef.maxHeight

---

maxInlineSize?

optional maxInlineSize: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MaxInlineSize<String | Number> | readonly NonNullable<MaxInlineSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:378

Inherited from

ComponentPropsWithoutRef.maxInlineSize

---

maxLines?

optional maxLines: ConditionalValue<AnyString | MaxLines | readonly NonNullable<MaxLines | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:379

Inherited from

ComponentPropsWithoutRef.maxLines

---

maxW?

optional maxW: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MaxWidth<String | Number> | readonly NonNullable<MaxWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:675

Inherited from

ComponentPropsWithoutRef.maxW

---

maxWidth?

optional maxWidth: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MaxWidth<String | Number> | readonly NonNullable<MaxWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:380

Inherited from

ComponentPropsWithoutRef.maxWidth

---

mb?

optional mb: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginBottom<String | Number> | readonly NonNullable<MarginBottom<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:692

Inherited from

ComponentPropsWithoutRef.mb

---

md?

optional md: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:217

@media screen and (min-width: 48rem)

Inherited from

ComponentPropsWithoutRef.md

---

mdDown?

optional mdDown: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:221

@media screen and (max-width: 47.9975rem)

Inherited from

ComponentPropsWithoutRef.mdDown

---

mdOnly?

optional mdOnly: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:219

@media screen and (min-width: 48rem) and (max-width: 63.9975rem)

Inherited from

ComponentPropsWithoutRef.mdOnly

---

mdTo2xl?

optional mdTo2xl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:253

@media screen and (min-width: 48rem) and (max-width: 95.9975rem)

Inherited from

ComponentPropsWithoutRef.mdTo2xl

---

mdToLg?

optional mdToLg: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:249

@media screen and (min-width: 48rem) and (max-width: 63.9975rem)

Inherited from

ComponentPropsWithoutRef.mdToLg

---

mdToXl?

optional mdToXl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:251

@media screen and (min-width: 48rem) and (max-width: 79.9975rem)

Inherited from

ComponentPropsWithoutRef.mdToXl

---

me?

optional me: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInlineEnd<String | Number> | readonly NonNullable<MarginInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:696

Inherited from

ComponentPropsWithoutRef.me

---

minBlockSize?

optional minBlockSize: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MinBlockSize<String | Number> | readonly NonNullable<MinBlockSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:381

Inherited from

ComponentPropsWithoutRef.minBlockSize

---

minH?

optional minH: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MinHeight<String | Number> | readonly NonNullable<MinHeight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:674

Inherited from

ComponentPropsWithoutRef.minH

---

minHeight?

optional minHeight: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MinHeight<String | Number> | readonly NonNullable<MinHeight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:382

Inherited from

ComponentPropsWithoutRef.minHeight

---

minInlineSize?

optional minInlineSize: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MinInlineSize<String | Number> | readonly NonNullable<MinInlineSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:383

Inherited from

ComponentPropsWithoutRef.minInlineSize

---

minW?

optional minW: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MinWidth<String | Number> | readonly NonNullable<MinWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:673

Inherited from

ComponentPropsWithoutRef.minW

---

minWidth?

optional minWidth: ConditionalValue<`var(--${string})` | AnyString | SizesToken | MinWidth<String | Number> | readonly NonNullable<MinWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:384

Inherited from

ComponentPropsWithoutRef.minWidth

---

mixBlendMode?

optional mixBlendMode: ConditionalValue<AnyString | MixBlendMode | readonly NonNullable<MixBlendMode | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:385

Inherited from

ComponentPropsWithoutRef.mixBlendMode

---

ml?

optional ml: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginLeft<String | Number> | readonly NonNullable<MarginLeft<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:693

Inherited from

ComponentPropsWithoutRef.ml

---

mr?

optional mr: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginRight<String | Number> | readonly NonNullable<MarginRight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:691

Inherited from

ComponentPropsWithoutRef.mr

---

ms?

optional ms: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInlineStart<String | Number> | readonly NonNullable<MarginInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:694

Inherited from

ComponentPropsWithoutRef.ms

---

mt?

optional mt: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginTop<String | Number> | readonly NonNullable<MarginTop<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:690

Inherited from

ComponentPropsWithoutRef.mt

---

mx?

optional mx: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInline<String | Number> | readonly NonNullable<MarginInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:698

Inherited from

ComponentPropsWithoutRef.mx

---

my?

optional my: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginBlock<String | Number> | readonly NonNullable<MarginBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:700

Inherited from

ComponentPropsWithoutRef.my

---

name?

optional name: string

Defined in: node_modules/@types/react/index.d.ts:3029

Inherited from

ComponentPropsWithoutRef.name

---

nonce?

optional nonce: string

Defined in: node_modules/@types/react/index.d.ts:2768

Inherited from

ComponentPropsWithoutRef.nonce

---

objectFit?

optional objectFit: ConditionalValue<AnyString | ObjectFit | readonly NonNullable<ObjectFit | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:386

Inherited from

ComponentPropsWithoutRef.objectFit

---

objectPosition?

optional objectPosition: ConditionalValue<AnyString | ObjectPosition<String | Number> | readonly NonNullable<ObjectPosition<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:387

Inherited from

ComponentPropsWithoutRef.objectPosition

---

offset?

optional offset: ConditionalValue<AnyString | Offset<String | Number> | readonly NonNullable<Offset<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:388

Inherited from

ComponentPropsWithoutRef.offset

---

offsetAnchor?

optional offsetAnchor: ConditionalValue<AnyString | OffsetAnchor<String | Number> | readonly NonNullable<OffsetAnchor<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:389

Inherited from

ComponentPropsWithoutRef.offsetAnchor

---

offsetDistance?

optional offsetDistance: ConditionalValue<AnyString | OffsetDistance<String | Number> | readonly NonNullable<OffsetDistance<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:390

Inherited from

ComponentPropsWithoutRef.offsetDistance

---

offsetPath?

optional offsetPath: ConditionalValue<readonly string[] | AnyString | OffsetPath | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:391

Inherited from

ComponentPropsWithoutRef.offsetPath

---

offsetPosition?

optional offsetPosition: ConditionalValue<AnyString | OffsetPosition<String | Number> | readonly NonNullable<OffsetPosition<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:392

Inherited from

ComponentPropsWithoutRef.offsetPosition

---

offsetRotate?

optional offsetRotate: ConditionalValue<readonly string[] | AnyString | OffsetRotate | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:393

Inherited from

ComponentPropsWithoutRef.offsetRotate

---

onAbort?

optional onAbort: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2290

Inherited from

ComponentPropsWithoutRef.onAbort

---

onAbortCapture?

optional onAbortCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2291

Inherited from

ComponentPropsWithoutRef.onAbortCapture

---

onAnimationEnd?

optional onAnimationEnd: AnimationEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2420

Inherited from

ComponentPropsWithoutRef.onAnimationEnd

---

onAnimationEndCapture?

optional onAnimationEndCapture: AnimationEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2421

Inherited from

ComponentPropsWithoutRef.onAnimationEndCapture

---

onAnimationIteration?

optional onAnimationIteration: AnimationEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2422

Inherited from

ComponentPropsWithoutRef.onAnimationIteration

---

onAnimationIterationCapture?

optional onAnimationIterationCapture: AnimationEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2423

Inherited from

ComponentPropsWithoutRef.onAnimationIterationCapture

---

onAnimationStart?

optional onAnimationStart: AnimationEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2418

Inherited from

ComponentPropsWithoutRef.onAnimationStart

---

onAnimationStartCapture?

optional onAnimationStartCapture: AnimationEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2419

Inherited from

ComponentPropsWithoutRef.onAnimationStartCapture

---

onAuxClick?

optional onAuxClick: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2336

Inherited from

ComponentPropsWithoutRef.onAuxClick

---

onAuxClickCapture?

optional onAuxClickCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2337

Inherited from

ComponentPropsWithoutRef.onAuxClickCapture

---

onBeforeInput?

optional onBeforeInput: InputEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2262

Inherited from

ComponentPropsWithoutRef.onBeforeInput

---

onBeforeInputCapture?

optional onBeforeInputCapture: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2263

Inherited from

ComponentPropsWithoutRef.onBeforeInputCapture

---

onBeforeToggle?

optional onBeforeToggle: ToggleEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2427

Inherited from

ComponentPropsWithoutRef.onBeforeToggle

---

onBlur?

optional onBlur: FocusEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2256

Inherited from

ComponentPropsWithoutRef.onBlur

---

onBlurCapture?

optional onBlurCapture: FocusEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2257

Inherited from

ComponentPropsWithoutRef.onBlurCapture

---

onCanPlay?

optional onCanPlay: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2292

Inherited from

ComponentPropsWithoutRef.onCanPlay

---

onCanPlayCapture?

optional onCanPlayCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2293

Inherited from

ComponentPropsWithoutRef.onCanPlayCapture

---

onCanPlayThrough?

optional onCanPlayThrough: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2294

Inherited from

ComponentPropsWithoutRef.onCanPlayThrough

---

onCanPlayThroughCapture?

optional onCanPlayThroughCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2295

Inherited from

ComponentPropsWithoutRef.onCanPlayThroughCapture

---

onChange?

optional onChange: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2260

Inherited from

ComponentPropsWithoutRef.onChange

---

onChangeCapture?

optional onChangeCapture: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2261

Inherited from

ComponentPropsWithoutRef.onChangeCapture

---

onClick?

optional onClick: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2338

Inherited from

ComponentPropsWithoutRef.onClick

---

onClickCapture?

optional onClickCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2339

Inherited from

ComponentPropsWithoutRef.onClickCapture

---

onCompositionEnd?

optional onCompositionEnd: CompositionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2246

Inherited from

ComponentPropsWithoutRef.onCompositionEnd

---

onCompositionEndCapture?

optional onCompositionEndCapture: CompositionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2247

Inherited from

ComponentPropsWithoutRef.onCompositionEndCapture

---

onCompositionStart?

optional onCompositionStart: CompositionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2248

Inherited from

ComponentPropsWithoutRef.onCompositionStart

---

onCompositionStartCapture?

optional onCompositionStartCapture: CompositionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2249

Inherited from

ComponentPropsWithoutRef.onCompositionStartCapture

---

onCompositionUpdate?

optional onCompositionUpdate: CompositionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2250

Inherited from

ComponentPropsWithoutRef.onCompositionUpdate

---

onCompositionUpdateCapture?

optional onCompositionUpdateCapture: CompositionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2251

Inherited from

ComponentPropsWithoutRef.onCompositionUpdateCapture

---

onContextMenu?

optional onContextMenu: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2340

Inherited from

ComponentPropsWithoutRef.onContextMenu

---

onContextMenuCapture?

optional onContextMenuCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2341

Inherited from

ComponentPropsWithoutRef.onContextMenuCapture

---

onCopy?

optional onCopy: ClipboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2238

Inherited from

ComponentPropsWithoutRef.onCopy

---

onCopyCapture?

optional onCopyCapture: ClipboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2239

Inherited from

ComponentPropsWithoutRef.onCopyCapture

---

onCut?

optional onCut: ClipboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2240

Inherited from

ComponentPropsWithoutRef.onCut

---

onCutCapture?

optional onCutCapture: ClipboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2241

Inherited from

ComponentPropsWithoutRef.onCutCapture

---

onDoubleClick?

optional onDoubleClick: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2342

Inherited from

ComponentPropsWithoutRef.onDoubleClick

---

onDoubleClickCapture?

optional onDoubleClickCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2343

Inherited from

ComponentPropsWithoutRef.onDoubleClickCapture

---

onDrag?

optional onDrag: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2344

Inherited from

ComponentPropsWithoutRef.onDrag

---

onDragCapture?

optional onDragCapture: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2345

Inherited from

ComponentPropsWithoutRef.onDragCapture

---

onDragEnd?

optional onDragEnd: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2346

Inherited from

ComponentPropsWithoutRef.onDragEnd

---

onDragEndCapture?

optional onDragEndCapture: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2347

Inherited from

ComponentPropsWithoutRef.onDragEndCapture

---

onDragEnter?

optional onDragEnter: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2348

Inherited from

ComponentPropsWithoutRef.onDragEnter

---

onDragEnterCapture?

optional onDragEnterCapture: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2349

Inherited from

ComponentPropsWithoutRef.onDragEnterCapture

---

onDragExit?

optional onDragExit: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2350

Inherited from

ComponentPropsWithoutRef.onDragExit

---

onDragExitCapture?

optional onDragExitCapture: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2351

Inherited from

ComponentPropsWithoutRef.onDragExitCapture

---

onDragLeave?

optional onDragLeave: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2352

Inherited from

ComponentPropsWithoutRef.onDragLeave

---

onDragLeaveCapture?

optional onDragLeaveCapture: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2353

Inherited from

ComponentPropsWithoutRef.onDragLeaveCapture

---

onDragOver?

optional onDragOver: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2354

Inherited from

ComponentPropsWithoutRef.onDragOver

---

onDragOverCapture?

optional onDragOverCapture: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2355

Inherited from

ComponentPropsWithoutRef.onDragOverCapture

---

onDragStart?

optional onDragStart: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2356

Inherited from

ComponentPropsWithoutRef.onDragStart

---

onDragStartCapture?

optional onDragStartCapture: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2357

Inherited from

ComponentPropsWithoutRef.onDragStartCapture

---

onDrop?

optional onDrop: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2358

Inherited from

ComponentPropsWithoutRef.onDrop

---

onDropCapture?

optional onDropCapture: DragEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2359

Inherited from

ComponentPropsWithoutRef.onDropCapture

---

onDurationChange?

optional onDurationChange: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2296

Inherited from

ComponentPropsWithoutRef.onDurationChange

---

onDurationChangeCapture?

optional onDurationChangeCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2297

Inherited from

ComponentPropsWithoutRef.onDurationChangeCapture

---

onEmptied?

optional onEmptied: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2298

Inherited from

ComponentPropsWithoutRef.onEmptied

---

onEmptiedCapture?

optional onEmptiedCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2299

Inherited from

ComponentPropsWithoutRef.onEmptiedCapture

---

onEncrypted?

optional onEncrypted: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2300

Inherited from

ComponentPropsWithoutRef.onEncrypted

---

onEncryptedCapture?

optional onEncryptedCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2301

Inherited from

ComponentPropsWithoutRef.onEncryptedCapture

---

onEnded?

optional onEnded: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2302

Inherited from

ComponentPropsWithoutRef.onEnded

---

onEndedCapture?

optional onEndedCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2303

Inherited from

ComponentPropsWithoutRef.onEndedCapture

---

onError?

optional onError: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2276

Inherited from

ComponentPropsWithoutRef.onError

---

onErrorCapture?

optional onErrorCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2277

Inherited from

ComponentPropsWithoutRef.onErrorCapture

---

onFocus?

optional onFocus: FocusEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2254

Inherited from

ComponentPropsWithoutRef.onFocus

---

onFocusCapture?

optional onFocusCapture: FocusEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2255

Inherited from

ComponentPropsWithoutRef.onFocusCapture

---

onGotPointerCapture?

optional onGotPointerCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2402

Inherited from

ComponentPropsWithoutRef.onGotPointerCapture

---

onGotPointerCaptureCapture?

optional onGotPointerCaptureCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2403

Inherited from

ComponentPropsWithoutRef.onGotPointerCaptureCapture

---

onInput?

optional onInput: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2264

Inherited from

ComponentPropsWithoutRef.onInput

---

onInputCapture?

optional onInputCapture: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2265

Inherited from

ComponentPropsWithoutRef.onInputCapture

---

onInvalid?

optional onInvalid: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2270

Inherited from

ComponentPropsWithoutRef.onInvalid

---

onInvalidCapture?

optional onInvalidCapture: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2271

Inherited from

ComponentPropsWithoutRef.onInvalidCapture

---

onKeyDown?

optional onKeyDown: KeyboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2280

Inherited from

ComponentPropsWithoutRef.onKeyDown

---

onKeyDownCapture?

optional onKeyDownCapture: KeyboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2281

Inherited from

ComponentPropsWithoutRef.onKeyDownCapture

---

onKeyPress?

optional onKeyPress: KeyboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2283

Deprecated

Use onKeyUp or onKeyDown instead

Inherited from

ComponentPropsWithoutRef.onKeyPress

---

onKeyPressCapture?

optional onKeyPressCapture: KeyboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2285

Deprecated

Use onKeyUpCapture or onKeyDownCapture instead

Inherited from

ComponentPropsWithoutRef.onKeyPressCapture

---

onKeyUp?

optional onKeyUp: KeyboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2286

Inherited from

ComponentPropsWithoutRef.onKeyUp

---

onKeyUpCapture?

optional onKeyUpCapture: KeyboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2287

Inherited from

ComponentPropsWithoutRef.onKeyUpCapture

---

onLoad?

optional onLoad: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2274

Inherited from

ComponentPropsWithoutRef.onLoad

---

onLoadCapture?

optional onLoadCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2275

Inherited from

ComponentPropsWithoutRef.onLoadCapture

---

onLoadedData?

optional onLoadedData: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2304

Inherited from

ComponentPropsWithoutRef.onLoadedData

---

onLoadedDataCapture?

optional onLoadedDataCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2305

Inherited from

ComponentPropsWithoutRef.onLoadedDataCapture

---

onLoadedMetadata?

optional onLoadedMetadata: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2306

Inherited from

ComponentPropsWithoutRef.onLoadedMetadata

---

onLoadedMetadataCapture?

optional onLoadedMetadataCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2307

Inherited from

ComponentPropsWithoutRef.onLoadedMetadataCapture

---

onLoadStart?

optional onLoadStart: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2308

Inherited from

ComponentPropsWithoutRef.onLoadStart

---

onLoadStartCapture?

optional onLoadStartCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2309

Inherited from

ComponentPropsWithoutRef.onLoadStartCapture

---

onLostPointerCapture?

optional onLostPointerCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2404

Inherited from

ComponentPropsWithoutRef.onLostPointerCapture

---

onLostPointerCaptureCapture?

optional onLostPointerCaptureCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2405

Inherited from

ComponentPropsWithoutRef.onLostPointerCaptureCapture

---

onMouseDown?

optional onMouseDown: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2360

Inherited from

ComponentPropsWithoutRef.onMouseDown

---

onMouseDownCapture?

optional onMouseDownCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2361

Inherited from

ComponentPropsWithoutRef.onMouseDownCapture

---

onMouseEnter?

optional onMouseEnter: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2362

Inherited from

ComponentPropsWithoutRef.onMouseEnter

---

onMouseLeave?

optional onMouseLeave: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2363

Inherited from

ComponentPropsWithoutRef.onMouseLeave

---

onMouseMove?

optional onMouseMove: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2364

Inherited from

ComponentPropsWithoutRef.onMouseMove

---

onMouseMoveCapture?

optional onMouseMoveCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2365

Inherited from

ComponentPropsWithoutRef.onMouseMoveCapture

---

onMouseOut?

optional onMouseOut: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2366

Inherited from

ComponentPropsWithoutRef.onMouseOut

---

onMouseOutCapture?

optional onMouseOutCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2367

Inherited from

ComponentPropsWithoutRef.onMouseOutCapture

---

onMouseOver?

optional onMouseOver: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2368

Inherited from

ComponentPropsWithoutRef.onMouseOver

---

onMouseOverCapture?

optional onMouseOverCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2369

Inherited from

ComponentPropsWithoutRef.onMouseOverCapture

---

onMouseUp?

optional onMouseUp: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2370

Inherited from

ComponentPropsWithoutRef.onMouseUp

---

onMouseUpCapture?

optional onMouseUpCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2371

Inherited from

ComponentPropsWithoutRef.onMouseUpCapture

---

onPaste?

optional onPaste: ClipboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2242

Inherited from

ComponentPropsWithoutRef.onPaste

---

onPasteCapture?

optional onPasteCapture: ClipboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2243

Inherited from

ComponentPropsWithoutRef.onPasteCapture

---

onPause?

optional onPause: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2310

Inherited from

ComponentPropsWithoutRef.onPause

---

onPauseCapture?

optional onPauseCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2311

Inherited from

ComponentPropsWithoutRef.onPauseCapture

---

onPlay?

optional onPlay: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2312

Inherited from

ComponentPropsWithoutRef.onPlay

---

onPlayCapture?

optional onPlayCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2313

Inherited from

ComponentPropsWithoutRef.onPlayCapture

---

onPlaying?

optional onPlaying: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2314

Inherited from

ComponentPropsWithoutRef.onPlaying

---

onPlayingCapture?

optional onPlayingCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2315

Inherited from

ComponentPropsWithoutRef.onPlayingCapture

---

onPointerCancel?

optional onPointerCancel: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2394

Inherited from

ComponentPropsWithoutRef.onPointerCancel

---

onPointerCancelCapture?

optional onPointerCancelCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2395

Inherited from

ComponentPropsWithoutRef.onPointerCancelCapture

---

onPointerDown?

optional onPointerDown: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2388

Inherited from

ComponentPropsWithoutRef.onPointerDown

---

onPointerDownCapture?

optional onPointerDownCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2389

Inherited from

ComponentPropsWithoutRef.onPointerDownCapture

---

onPointerEnter?

optional onPointerEnter: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2396

Inherited from

ComponentPropsWithoutRef.onPointerEnter

---

onPointerLeave?

optional onPointerLeave: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2397

Inherited from

ComponentPropsWithoutRef.onPointerLeave

---

onPointerMove?

optional onPointerMove: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2390

Inherited from

ComponentPropsWithoutRef.onPointerMove

---

onPointerMoveCapture?

optional onPointerMoveCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2391

Inherited from

ComponentPropsWithoutRef.onPointerMoveCapture

---

onPointerOut?

optional onPointerOut: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2400

Inherited from

ComponentPropsWithoutRef.onPointerOut

---

onPointerOutCapture?

optional onPointerOutCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2401

Inherited from

ComponentPropsWithoutRef.onPointerOutCapture

---

onPointerOver?

optional onPointerOver: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2398

Inherited from

ComponentPropsWithoutRef.onPointerOver

---

onPointerOverCapture?

optional onPointerOverCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2399

Inherited from

ComponentPropsWithoutRef.onPointerOverCapture

---

onPointerUp?

optional onPointerUp: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2392

Inherited from

ComponentPropsWithoutRef.onPointerUp

---

onPointerUpCapture?

optional onPointerUpCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2393

Inherited from

ComponentPropsWithoutRef.onPointerUpCapture

---

onProgress?

optional onProgress: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2316

Inherited from

ComponentPropsWithoutRef.onProgress

---

onProgressCapture?

optional onProgressCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2317

Inherited from

ComponentPropsWithoutRef.onProgressCapture

---

onRateChange?

optional onRateChange: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2318

Inherited from

ComponentPropsWithoutRef.onRateChange

---

onRateChangeCapture?

optional onRateChangeCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2319

Inherited from

ComponentPropsWithoutRef.onRateChangeCapture

---

onReset?

optional onReset: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2266

Inherited from

ComponentPropsWithoutRef.onReset

---

onResetCapture?

optional onResetCapture: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2267

Inherited from

ComponentPropsWithoutRef.onResetCapture

---

onScroll?

optional onScroll: UIEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2408

Inherited from

ComponentPropsWithoutRef.onScroll

---

onScrollCapture?

optional onScrollCapture: UIEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2409

Inherited from

ComponentPropsWithoutRef.onScrollCapture

---

onScrollEnd?

optional onScrollEnd: UIEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2410

Inherited from

ComponentPropsWithoutRef.onScrollEnd

---

onScrollEndCapture?

optional onScrollEndCapture: UIEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2411

Inherited from

ComponentPropsWithoutRef.onScrollEndCapture

---

onSeeked?

optional onSeeked: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2320

Inherited from

ComponentPropsWithoutRef.onSeeked

---

onSeekedCapture?

optional onSeekedCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2321

Inherited from

ComponentPropsWithoutRef.onSeekedCapture

---

onSeeking?

optional onSeeking: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2322

Inherited from

ComponentPropsWithoutRef.onSeeking

---

onSeekingCapture?

optional onSeekingCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2323

Inherited from

ComponentPropsWithoutRef.onSeekingCapture

---

onSelect?

optional onSelect: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2374

Inherited from

ComponentPropsWithoutRef.onSelect

---

onSelectCapture?

optional onSelectCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2375

Inherited from

ComponentPropsWithoutRef.onSelectCapture

---

onStalled?

optional onStalled: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2324

Inherited from

ComponentPropsWithoutRef.onStalled

---

onStalledCapture?

optional onStalledCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2325

Inherited from

ComponentPropsWithoutRef.onStalledCapture

---

onSubmit?

optional onSubmit: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2268

Inherited from

ComponentPropsWithoutRef.onSubmit

---

onSubmitCapture?

optional onSubmitCapture: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2269

Inherited from

ComponentPropsWithoutRef.onSubmitCapture

---

onSuspend?

optional onSuspend: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2326

Inherited from

ComponentPropsWithoutRef.onSuspend

---

onSuspendCapture?

optional onSuspendCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2327

Inherited from

ComponentPropsWithoutRef.onSuspendCapture

---

onTimeUpdate?

optional onTimeUpdate: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2328

Inherited from

ComponentPropsWithoutRef.onTimeUpdate

---

onTimeUpdateCapture?

optional onTimeUpdateCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2329

Inherited from

ComponentPropsWithoutRef.onTimeUpdateCapture

---

onToggle?

optional onToggle: ToggleEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2426

Inherited from

ComponentPropsWithoutRef.onToggle

---

onTouchCancel?

optional onTouchCancel: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2378

Inherited from

ComponentPropsWithoutRef.onTouchCancel

---

onTouchCancelCapture?

optional onTouchCancelCapture: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2379

Inherited from

ComponentPropsWithoutRef.onTouchCancelCapture

---

onTouchEnd?

optional onTouchEnd: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2380

Inherited from

ComponentPropsWithoutRef.onTouchEnd

---

onTouchEndCapture?

optional onTouchEndCapture: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2381

Inherited from

ComponentPropsWithoutRef.onTouchEndCapture

---

onTouchMove?

optional onTouchMove: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2382

Inherited from

ComponentPropsWithoutRef.onTouchMove

---

onTouchMoveCapture?

optional onTouchMoveCapture: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2383

Inherited from

ComponentPropsWithoutRef.onTouchMoveCapture

---

onTouchStart?

optional onTouchStart: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2384

Inherited from

ComponentPropsWithoutRef.onTouchStart

---

onTouchStartCapture?

optional onTouchStartCapture: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2385

Inherited from

ComponentPropsWithoutRef.onTouchStartCapture

---

onTransitionCancel?

optional onTransitionCancel: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2430

Inherited from

ComponentPropsWithoutRef.onTransitionCancel

---

onTransitionCancelCapture?

optional onTransitionCancelCapture: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2431

Inherited from

ComponentPropsWithoutRef.onTransitionCancelCapture

---

onTransitionEnd?

optional onTransitionEnd: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2432

Inherited from

ComponentPropsWithoutRef.onTransitionEnd

---

onTransitionEndCapture?

optional onTransitionEndCapture: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2433

Inherited from

ComponentPropsWithoutRef.onTransitionEndCapture

---

onTransitionRun?

optional onTransitionRun: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2434

Inherited from

ComponentPropsWithoutRef.onTransitionRun

---

onTransitionRunCapture?

optional onTransitionRunCapture: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2435

Inherited from

ComponentPropsWithoutRef.onTransitionRunCapture

---

onTransitionStart?

optional onTransitionStart: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2436

Inherited from

ComponentPropsWithoutRef.onTransitionStart

---

onTransitionStartCapture?

optional onTransitionStartCapture: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2437

Inherited from

ComponentPropsWithoutRef.onTransitionStartCapture

---

onVolumeChange?

optional onVolumeChange: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2330

Inherited from

ComponentPropsWithoutRef.onVolumeChange

---

onVolumeChangeCapture?

optional onVolumeChangeCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2331

Inherited from

ComponentPropsWithoutRef.onVolumeChangeCapture

---

onWaiting?

optional onWaiting: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2332

Inherited from

ComponentPropsWithoutRef.onWaiting

---

onWaitingCapture?

optional onWaitingCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2333

Inherited from

ComponentPropsWithoutRef.onWaitingCapture

---

onWheel?

optional onWheel: WheelEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2414

Inherited from

ComponentPropsWithoutRef.onWheel

---

onWheelCapture?

optional onWheelCapture: WheelEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2415

Inherited from

ComponentPropsWithoutRef.onWheelCapture

---

opacity?

optional opacity: ConditionalValue<`var(--${string})` | AnyString | Opacity | readonly NonNullable<Opacity | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:394

Inherited from

ComponentPropsWithoutRef.opacity

---

order?

optional order: ConditionalValue<AnyString | Order | readonly NonNullable<Order | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:395

Inherited from

ComponentPropsWithoutRef.order

---

orphans?

optional orphans: ConditionalValue<AnyString | Orphans | readonly NonNullable<Orphans | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:396

Inherited from

ComponentPropsWithoutRef.orphans

---

outline?

optional outline: ConditionalValue<AnyString | Outline<String | Number> | readonly NonNullable<Outline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:397

Inherited from

ComponentPropsWithoutRef.outline

---

outlineColor?

optional outlineColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | "auto" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:398

Inherited from

ComponentPropsWithoutRef.outlineColor

---

outlineOffset?

optional outlineOffset: ConditionalValue<AnyString | OutlineOffset<String | Number> | readonly NonNullable<OutlineOffset<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:399

Inherited from

ComponentPropsWithoutRef.outlineOffset

---

outlineStyle?

optional outlineStyle: ConditionalValue<AnyString | OutlineStyle | readonly NonNullable<OutlineStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:400

Inherited from

ComponentPropsWithoutRef.outlineStyle

---

outlineWidth?

optional outlineWidth: ConditionalValue<AnyString | OutlineWidth<String | Number> | readonly NonNullable<OutlineWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:401

Inherited from

ComponentPropsWithoutRef.outlineWidth

---

overflow?

optional overflow: ConditionalValue<readonly string[] | AnyString | Overflow | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:402

Inherited from

ComponentPropsWithoutRef.overflow

---

overflowAnchor?

optional overflowAnchor: ConditionalValue<AnyString | OverflowAnchor | readonly NonNullable<OverflowAnchor | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:403

Inherited from

ComponentPropsWithoutRef.overflowAnchor

---

overflowBlock?

optional overflowBlock: ConditionalValue<AnyString | OverflowBlock | readonly NonNullable<OverflowBlock | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:404

Inherited from

ComponentPropsWithoutRef.overflowBlock

---

overflowClipBox?

optional overflowClipBox: ConditionalValue<AnyString | OverflowClipBox | readonly NonNullable<OverflowClipBox | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:405

Inherited from

ComponentPropsWithoutRef.overflowClipBox

---

overflowClipMargin?

optional overflowClipMargin: ConditionalValue<AnyString | OverflowClipMargin<String | Number> | readonly NonNullable<OverflowClipMargin<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:406

Inherited from

ComponentPropsWithoutRef.overflowClipMargin

---

overflowInline?

optional overflowInline: ConditionalValue<AnyString | OverflowInline | readonly NonNullable<OverflowInline | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:407

Inherited from

ComponentPropsWithoutRef.overflowInline

---

overflowWrap?

optional overflowWrap: ConditionalValue<AnyString | OverflowWrap | readonly NonNullable<OverflowWrap | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:408

Inherited from

ComponentPropsWithoutRef.overflowWrap

---

overflowX?

optional overflowX: ConditionalValue<AnyString | OverflowX | readonly NonNullable<OverflowX | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:409

Inherited from

ComponentPropsWithoutRef.overflowX

---

overflowY?

optional overflowY: ConditionalValue<AnyString | OverflowY | readonly NonNullable<OverflowY | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:410

Inherited from

ComponentPropsWithoutRef.overflowY

---

overlay?

optional overlay: ConditionalValue<AnyString | Overlay | readonly NonNullable<Overlay | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:411

Inherited from

ComponentPropsWithoutRef.overlay

---

overscroll?

optional overscroll: ConditionalValue<readonly string[] | AnyString | OverscrollBehavior | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:677

Inherited from

ComponentPropsWithoutRef.overscroll

---

overscrollBehavior?

optional overscrollBehavior: ConditionalValue<readonly string[] | AnyString | OverscrollBehavior | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:412

Inherited from

ComponentPropsWithoutRef.overscrollBehavior

---

overscrollBehaviorBlock?

optional overscrollBehaviorBlock: ConditionalValue<AnyString | OverscrollBehaviorBlock | readonly NonNullable<OverscrollBehaviorBlock | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:413

Inherited from

ComponentPropsWithoutRef.overscrollBehaviorBlock

---

overscrollBehaviorInline?

optional overscrollBehaviorInline: ConditionalValue<AnyString | OverscrollBehaviorInline | readonly NonNullable<OverscrollBehaviorInline | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:414

Inherited from

ComponentPropsWithoutRef.overscrollBehaviorInline

---

overscrollBehaviorX?

optional overscrollBehaviorX: ConditionalValue<AnyString | OverscrollBehaviorX | readonly NonNullable<OverscrollBehaviorX | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:415

Inherited from

ComponentPropsWithoutRef.overscrollBehaviorX

---

overscrollBehaviorY?

optional overscrollBehaviorY: ConditionalValue<AnyString | OverscrollBehaviorY | readonly NonNullable<OverscrollBehaviorY | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:416

Inherited from

ComponentPropsWithoutRef.overscrollBehaviorY

---

overscrollX?

optional overscrollX: ConditionalValue<AnyString | OverscrollBehaviorX | readonly NonNullable<OverscrollBehaviorX | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:678

Inherited from

ComponentPropsWithoutRef.overscrollX

---

overscrollY?

optional overscrollY: ConditionalValue<AnyString | OverscrollBehaviorY | readonly NonNullable<OverscrollBehaviorY | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:679

Inherited from

ComponentPropsWithoutRef.overscrollY

---

p?

optional p: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Padding<String | Number> | readonly NonNullable<Padding<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:702

Inherited from

ComponentPropsWithoutRef.p

---

padding?

optional padding: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Padding<String | Number> | readonly NonNullable<Padding<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:417

Inherited from

ComponentPropsWithoutRef.padding

---

paddingBlock?

optional paddingBlock: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingBlock<String | Number> | readonly NonNullable<PaddingBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:418

Inherited from

ComponentPropsWithoutRef.paddingBlock

---

paddingBlockEnd?

optional paddingBlockEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingBlockEnd<String | Number> | readonly NonNullable<PaddingBlockEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:419

Inherited from

ComponentPropsWithoutRef.paddingBlockEnd

---

paddingBlockStart?

optional paddingBlockStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingBlockStart<String | Number> | readonly NonNullable<PaddingBlockStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:420

Inherited from

ComponentPropsWithoutRef.paddingBlockStart

---

paddingBottom?

optional paddingBottom: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingBottom<String | Number> | readonly NonNullable<PaddingBottom<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:421

Inherited from

ComponentPropsWithoutRef.paddingBottom

---

paddingEnd?

optional paddingEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInlineEnd<String | Number> | readonly NonNullable<PaddingInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:710

Inherited from

ComponentPropsWithoutRef.paddingEnd

---

paddingInline?

optional paddingInline: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInline<String | Number> | readonly NonNullable<PaddingInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:422

Inherited from

ComponentPropsWithoutRef.paddingInline

---

paddingInlineEnd?

optional paddingInlineEnd: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInlineEnd<String | Number> | readonly NonNullable<PaddingInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:423

Inherited from

ComponentPropsWithoutRef.paddingInlineEnd

---

paddingInlineStart?

optional paddingInlineStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInlineStart<String | Number> | readonly NonNullable<PaddingInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:424

Inherited from

ComponentPropsWithoutRef.paddingInlineStart

---

paddingLeft?

optional paddingLeft: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingLeft<String | Number> | readonly NonNullable<PaddingLeft<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:425

Inherited from

ComponentPropsWithoutRef.paddingLeft

---

paddingRight?

optional paddingRight: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingRight<String | Number> | readonly NonNullable<PaddingRight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:426

Inherited from

ComponentPropsWithoutRef.paddingRight

---

paddingStart?

optional paddingStart: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInlineStart<String | Number> | readonly NonNullable<PaddingInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:708

Inherited from

ComponentPropsWithoutRef.paddingStart

---

paddingTop?

optional paddingTop: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingTop<String | Number> | readonly NonNullable<PaddingTop<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:427

Inherited from

ComponentPropsWithoutRef.paddingTop

---

paddingX?

optional paddingX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInline<String | Number> | readonly NonNullable<PaddingInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:712

Inherited from

ComponentPropsWithoutRef.paddingX

---

paddingY?

optional paddingY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingBlock<String | Number> | readonly NonNullable<PaddingBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:714

Inherited from

ComponentPropsWithoutRef.paddingY

---

page?

optional page: ConditionalValue<readonly string[] | AnyString | Page | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:428

Inherited from

ComponentPropsWithoutRef.page

---

pageBreakAfter?

optional pageBreakAfter: ConditionalValue<AnyString | PageBreakAfter | readonly NonNullable<PageBreakAfter | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:429

Inherited from

ComponentPropsWithoutRef.pageBreakAfter

---

pageBreakBefore?

optional pageBreakBefore: ConditionalValue<AnyString | PageBreakBefore | readonly NonNullable<PageBreakBefore | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:430

Inherited from

ComponentPropsWithoutRef.pageBreakBefore

---

pageBreakInside?

optional pageBreakInside: ConditionalValue<AnyString | PageBreakInside | readonly NonNullable<PageBreakInside | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:431

Inherited from

ComponentPropsWithoutRef.pageBreakInside

---

paintOrder?

optional paintOrder: ConditionalValue<readonly string[] | AnyString | PaintOrder | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:432

Inherited from

ComponentPropsWithoutRef.paintOrder

---

part?

optional part: string

Defined in: node_modules/@types/react/index.d.ts:2835

See

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part

Inherited from

ComponentPropsWithoutRef.part

---

path

path: Path

Defined in: packages/react-querybuilder/src/types/props.ts:78

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

Inherited from

ActionProps.path

---

pb?

optional pb: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingBottom<String | Number> | readonly NonNullable<PaddingBottom<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:705

Inherited from

ComponentPropsWithoutRef.pb

---

pe?

optional pe: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInlineEnd<String | Number> | readonly NonNullable<PaddingInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:709

Inherited from

ComponentPropsWithoutRef.pe

---

perspective?

optional perspective: ConditionalValue<AnyString | Perspective<String | Number> | readonly NonNullable<Perspective<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:433

Inherited from

ComponentPropsWithoutRef.perspective

---

perspectiveOrigin?

optional perspectiveOrigin: ConditionalValue<AnyString | PerspectiveOrigin<String | Number> | readonly NonNullable<PerspectiveOrigin<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:434

Inherited from

ComponentPropsWithoutRef.perspectiveOrigin

---

pl?

optional pl: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingLeft<String | Number> | readonly NonNullable<PaddingLeft<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:706

Inherited from

ComponentPropsWithoutRef.pl

---

placeContent?

optional placeContent: ConditionalValue<readonly string[] | AnyString | PlaceContent | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:435

Inherited from

ComponentPropsWithoutRef.placeContent

---

placeItems?

optional placeItems: ConditionalValue<readonly string[] | AnyString | PlaceItems | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:436

Inherited from

ComponentPropsWithoutRef.placeItems

---

placeSelf?

optional placeSelf: ConditionalValue<readonly string[] | AnyString | PlaceSelf | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:437

Inherited from

ComponentPropsWithoutRef.placeSelf

---

pointerEvents?

optional pointerEvents: ConditionalValue<AnyString | PointerEvents | readonly NonNullable<PointerEvents | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:438

Inherited from

ComponentPropsWithoutRef.pointerEvents

---

popover?

optional popover: "" | "auto" | "manual" | "hint"

Defined in: node_modules/@types/react/index.d.ts:2809

Inherited from

ComponentPropsWithoutRef.popover

---

popoverTarget?

optional popoverTarget: string

Defined in: node_modules/@types/react/index.d.ts:2811

Inherited from

ComponentPropsWithoutRef.popoverTarget

---

popoverTargetAction?

optional popoverTargetAction: "toggle" | "show" | "hide"

Defined in: node_modules/@types/react/index.d.ts:2810

Inherited from

ComponentPropsWithoutRef.popoverTargetAction

---

pos?

optional pos: ConditionalValue<AnyString | Position | readonly NonNullable<Position | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:684

Inherited from

ComponentPropsWithoutRef.pos

---

position?

optional position: ConditionalValue<AnyString | Position | readonly NonNullable<Position | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:439

Inherited from

ComponentPropsWithoutRef.position

---

positionAnchor?

optional positionAnchor: ConditionalValue<readonly string[] | AnyString | PositionAnchor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:440

Inherited from

ComponentPropsWithoutRef.positionAnchor

---

positionArea?

optional positionArea: ConditionalValue<readonly string[] | AnyString | PositionArea | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:441

Inherited from

ComponentPropsWithoutRef.positionArea

---

positionTry?

optional positionTry: ConditionalValue<readonly string[] | AnyString | PositionTry | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:442

Inherited from

ComponentPropsWithoutRef.positionTry

---

positionTryFallbacks?

optional positionTryFallbacks: ConditionalValue<readonly string[] | AnyString | PositionTryFallbacks | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:443

Inherited from

ComponentPropsWithoutRef.positionTryFallbacks

---

positionTryOrder?

optional positionTryOrder: ConditionalValue<AnyString | PositionTryOrder | readonly NonNullable<PositionTryOrder | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:444

Inherited from

ComponentPropsWithoutRef.positionTryOrder

---

positionVisibility?

optional positionVisibility: ConditionalValue<readonly string[] | AnyString | PositionVisibility | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:445

Inherited from

ComponentPropsWithoutRef.positionVisibility

---

pr?

optional pr: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingRight<String | Number> | readonly NonNullable<PaddingRight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:704

Inherited from

ComponentPropsWithoutRef.pr

---

prefix?

optional prefix: string

Defined in: node_modules/@types/react/index.d.ts:2787

Inherited from

ComponentPropsWithoutRef.prefix

---

printColorAdjust?

optional printColorAdjust: ConditionalValue<AnyString | PrintColorAdjust | readonly NonNullable<PrintColorAdjust | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:446

Inherited from

ComponentPropsWithoutRef.printColorAdjust

---

property?

optional property: string

Defined in: node_modules/@types/react/index.d.ts:2788

Inherited from

ComponentPropsWithoutRef.property

---

ps?

optional ps: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInlineStart<String | Number> | readonly NonNullable<PaddingInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:707

Inherited from

ComponentPropsWithoutRef.ps

---

pt?

optional pt: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingTop<String | Number> | readonly NonNullable<PaddingTop<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:703

Inherited from

ComponentPropsWithoutRef.pt

---

px?

optional px: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingInline<String | Number> | readonly NonNullable<PaddingInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:711

Inherited from

ComponentPropsWithoutRef.px

---

py?

optional py: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | PaddingBlock<String | Number> | readonly NonNullable<PaddingBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:713

Inherited from

ComponentPropsWithoutRef.py

---

quotes?

optional quotes: ConditionalValue<readonly string[] | AnyString | Quotes | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:447

Inherited from

ComponentPropsWithoutRef.quotes

---

r?

optional r: ConditionalValue<AnyString | R<String | Number> | readonly NonNullable<R<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:448

Inherited from

ComponentPropsWithoutRef.r

---

radioGroup?

optional radioGroup: string

Defined in: node_modules/@types/react/index.d.ts:2777

Inherited from

ComponentPropsWithoutRef.radioGroup

---

recipe?

optional recipe: RecipeDefinition<RecipeVariantRecord>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/recipes.gen.d.ts:1610

Inherited from

ComponentPropsWithoutRef.recipe

---

rel?

optional rel: string

Defined in: node_modules/@types/react/index.d.ts:2789

Inherited from

ComponentPropsWithoutRef.rel

---

resize?

optional resize: ConditionalValue<AnyString | Resize | readonly NonNullable<Resize | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:449

Inherited from

ComponentPropsWithoutRef.resize

---

resource?

optional resource: string

Defined in: node_modules/@types/react/index.d.ts:2790

Inherited from

ComponentPropsWithoutRef.resource

---

results?

optional results: number

Defined in: node_modules/@types/react/index.d.ts:2804

Inherited from

ComponentPropsWithoutRef.results

---

rev?

optional rev: string

Defined in: node_modules/@types/react/index.d.ts:2791

Inherited from

ComponentPropsWithoutRef.rev

---

right?

optional right: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Right<String | Number> | readonly NonNullable<Right<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:450

Inherited from

ComponentPropsWithoutRef.right

---

ring?

optional ring: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:767

Inherited from

ComponentPropsWithoutRef.ring

---

ringColor?

optional ringColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:768

Inherited from

ComponentPropsWithoutRef.ringColor

---

ringInset?

optional ringInset: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:771

Inherited from

ComponentPropsWithoutRef.ringInset

---

ringOffset?

optional ringOffset: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:769

Inherited from

ComponentPropsWithoutRef.ringOffset

---

ringOffsetColor?

optional ringOffsetColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:770

Inherited from

ComponentPropsWithoutRef.ringOffsetColor

---

role?

optional role: AriaRole

Defined in: node_modules/@types/react/index.d.ts:2780

Inherited from

ComponentPropsWithoutRef.role

---

rotate?

optional rotate: ConditionalValue<readonly string[] | AnyString | Rotate | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:451

Inherited from

ComponentPropsWithoutRef.rotate

---

rotateX?

optional rotateX: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:780

Inherited from

ComponentPropsWithoutRef.rotateX

---

rotateY?

optional rotateY: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:781

Inherited from

ComponentPropsWithoutRef.rotateY

---

rounded?

optional rounded: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:617

Inherited from

ComponentPropsWithoutRef.rounded

---

roundedBottom?

optional roundedBottom: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:655

Inherited from

ComponentPropsWithoutRef.roundedBottom

---

roundedBottomLeft?

optional roundedBottomLeft: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderBottomLeftRadius<String | Number> | readonly NonNullable<BorderBottomLeftRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:644

Inherited from

ComponentPropsWithoutRef.roundedBottomLeft

---

roundedBottomRight?

optional roundedBottomRight: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderBottomRightRadius<String | Number> | readonly NonNullable<BorderBottomRightRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:647

Inherited from

ComponentPropsWithoutRef.roundedBottomRight

---

roundedEnd?

optional roundedEnd: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:652

Inherited from

ComponentPropsWithoutRef.roundedEnd

---

roundedEndEnd?

optional roundedEndEnd: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderEndEndRadius<String | Number> | readonly NonNullable<BorderEndEndRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:640

Inherited from

ComponentPropsWithoutRef.roundedEndEnd

---

roundedEndStart?

optional roundedEndStart: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderEndStartRadius<String | Number> | readonly NonNullable<BorderEndStartRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:625

Inherited from

ComponentPropsWithoutRef.roundedEndStart

---

roundedLeft?

optional roundedLeft: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:656

Inherited from

ComponentPropsWithoutRef.roundedLeft

---

roundedRight?

optional roundedRight: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:657

Inherited from

ComponentPropsWithoutRef.roundedRight

---

roundedStart?

optional roundedStart: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:650

Inherited from

ComponentPropsWithoutRef.roundedStart

---

roundedStartEnd?

optional roundedStartEnd: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderStartEndRadius<String | Number> | readonly NonNullable<BorderStartEndRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:634

Inherited from

ComponentPropsWithoutRef.roundedStartEnd

---

roundedStartStart?

optional roundedStartStart: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderStartStartRadius<String | Number> | readonly NonNullable<BorderStartStartRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:619

Inherited from

ComponentPropsWithoutRef.roundedStartStart

---

roundedTop?

optional roundedTop: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:654

Inherited from

ComponentPropsWithoutRef.roundedTop

---

roundedTopLeft?

optional roundedTopLeft: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderTopLeftRadius<String | Number> | readonly NonNullable<BorderTopLeftRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:618

Inherited from

ComponentPropsWithoutRef.roundedTopLeft

---

roundedTopRight?

optional roundedTopRight: ConditionalValue<`var(--${string})` | AnyString | RadiiToken | BorderTopRightRadius<String | Number> | readonly NonNullable<BorderTopRightRadius<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:631

Inherited from

ComponentPropsWithoutRef.roundedTopRight

---

rowGap?

optional rowGap: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | RowGap<String | Number> | readonly NonNullable<RowGap<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:452

Inherited from

ComponentPropsWithoutRef.rowGap

---

rubyAlign?

optional rubyAlign: ConditionalValue<AnyString | RubyAlign | readonly NonNullable<RubyAlign | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:453

Inherited from

ComponentPropsWithoutRef.rubyAlign

---

rubyMerge?

optional rubyMerge: ConditionalValue<AnyString | RubyMerge | readonly NonNullable<RubyMerge | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:454

Inherited from

ComponentPropsWithoutRef.rubyMerge

---

rubyPosition?

optional rubyPosition: ConditionalValue<readonly string[] | AnyString | RubyPosition | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:455

Inherited from

ComponentPropsWithoutRef.rubyPosition

---

ruleOrGroup

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

Defined in: packages/react-querybuilder/src/types/props.ts:278

The RuleType or RuleGroupType/RuleGroupTypeIC associated with this element.

Inherited from

ChakraActionProps.ruleOrGroup

---

rules?

optional rules: RuleOrGroupArray

Defined in: packages/react-querybuilder/src/types/props.ts:282

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

Inherited from

ActionProps.rules

---

rx?

optional rx: ConditionalValue<AnyString | Rx<String | Number> | readonly NonNullable<Rx<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:456

Inherited from

ComponentPropsWithoutRef.rx

---

ry?

optional ry: ConditionalValue<AnyString | Ry<String | Number> | readonly NonNullable<Ry<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:457

Inherited from

ComponentPropsWithoutRef.ry

---

saturate?

optional saturate: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:737

Inherited from

ComponentPropsWithoutRef.saturate

---

scale?

optional scale: ConditionalValue<AnyString | Scale | readonly NonNullable<Scale | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:458

Inherited from

ComponentPropsWithoutRef.scale

---

scaleX?

optional scaleX: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:774

Inherited from

ComponentPropsWithoutRef.scaleX

---

scaleY?

optional scaleY: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:775

Inherited from

ComponentPropsWithoutRef.scaleY

---

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?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | string[] | FlexibleOption<...>[] | (string | FlexibleOpt..., operator: string) => boolean; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: InputType | null; label: string; matchModes?: boolean | MatchMode[] | FlexibleOption<MatchMode>[]; name: string; operators?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value: string; }> | 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?: FlexibleOptionList<{ [x: string]: unknown; label: string; disabled?: boolean | undefined; name: string; value: string; }> | 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/props.ts:107

All subcomponents receive the configuration schema as a prop.

Inherited from

ActionProps.schema

---

scrollbar?

optional scrollbar: ConditionalValue<"hidden" | `var(--${string})` | AnyString | "visible" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:758

Inherited from

ComponentPropsWithoutRef.scrollbar

---

scrollbarColor?

optional scrollbarColor: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | ColorsToken | "currentBg" | ScrollbarColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:498

Inherited from

ComponentPropsWithoutRef.scrollbarColor

---

scrollbarGutter?

optional scrollbarGutter: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | SpacingToken | ScrollbarGutter | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:499

Inherited from

ComponentPropsWithoutRef.scrollbarGutter

---

scrollbarWidth?

optional scrollbarWidth: ConditionalValue<`var(--${string})` | AnyString | SizesToken | ScrollbarWidth | readonly NonNullable<ScrollbarWidth | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:500

Inherited from

ComponentPropsWithoutRef.scrollbarWidth

---

scrollBehavior?

optional scrollBehavior: ConditionalValue<AnyString | ScrollBehavior | readonly NonNullable<ScrollBehavior | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:459

Inherited from

ComponentPropsWithoutRef.scrollBehavior

---

scrollMargin?

optional scrollMargin: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollMargin<String | Number> | readonly NonNullable<ScrollMargin<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:460

Inherited from

ComponentPropsWithoutRef.scrollMargin

---

scrollMarginBlock?

optional scrollMarginBlock: ConditionalValue<AnyString | ScrollMarginBlock<String | Number> | readonly NonNullable<ScrollMarginBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:461

Inherited from

ComponentPropsWithoutRef.scrollMarginBlock

---

scrollMarginBlockEnd?

optional scrollMarginBlockEnd: ConditionalValue<AnyString | ScrollMarginBlockEnd<String | Number> | readonly NonNullable<ScrollMarginBlockEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:462

Inherited from

ComponentPropsWithoutRef.scrollMarginBlockEnd

---

scrollMarginBlockStart?

optional scrollMarginBlockStart: ConditionalValue<AnyString | ScrollMarginBlockStart<String | Number> | readonly NonNullable<ScrollMarginBlockStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:463

Inherited from

ComponentPropsWithoutRef.scrollMarginBlockStart

---

scrollMarginBottom?

optional scrollMarginBottom: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollMarginBottom<String | Number> | readonly NonNullable<ScrollMarginBottom<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:464

Inherited from

ComponentPropsWithoutRef.scrollMarginBottom

---

scrollMarginInline?

optional scrollMarginInline: ConditionalValue<AnyString | ScrollMarginInline<String | Number> | readonly NonNullable<ScrollMarginInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:465

Inherited from

ComponentPropsWithoutRef.scrollMarginInline

---

scrollMarginInlineEnd?

optional scrollMarginInlineEnd: ConditionalValue<AnyString | ScrollMarginInlineEnd<String | Number> | readonly NonNullable<ScrollMarginInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:466

Inherited from

ComponentPropsWithoutRef.scrollMarginInlineEnd

---

scrollMarginInlineStart?

optional scrollMarginInlineStart: ConditionalValue<AnyString | ScrollMarginInlineStart<String | Number> | readonly NonNullable<ScrollMarginInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:467

Inherited from

ComponentPropsWithoutRef.scrollMarginInlineStart

---

scrollMarginLeft?

optional scrollMarginLeft: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollMarginLeft<String | Number> | readonly NonNullable<ScrollMarginLeft<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:468

Inherited from

ComponentPropsWithoutRef.scrollMarginLeft

---

scrollMarginRight?

optional scrollMarginRight: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollMarginRight<String | Number> | readonly NonNullable<ScrollMarginRight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:469

Inherited from

ComponentPropsWithoutRef.scrollMarginRight

---

scrollMarginTop?

optional scrollMarginTop: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollMarginTop<String | Number> | readonly NonNullable<ScrollMarginTop<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:470

Inherited from

ComponentPropsWithoutRef.scrollMarginTop

---

scrollMarginX?

optional scrollMarginX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:759

Inherited from

ComponentPropsWithoutRef.scrollMarginX

---

scrollMarginY?

optional scrollMarginY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:760

Inherited from

ComponentPropsWithoutRef.scrollMarginY

---

scrollPadding?

optional scrollPadding: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPadding<String | Number> | readonly NonNullable<ScrollPadding<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:471

Inherited from

ComponentPropsWithoutRef.scrollPadding

---

scrollPaddingBlock?

optional scrollPaddingBlock: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPaddingBlock<String | Number> | readonly NonNullable<ScrollPaddingBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:472

Inherited from

ComponentPropsWithoutRef.scrollPaddingBlock

---

scrollPaddingBlockEnd?

optional scrollPaddingBlockEnd: ConditionalValue<AnyString | ScrollPaddingBlockEnd<String | Number> | readonly NonNullable<ScrollPaddingBlockEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:473

Inherited from

ComponentPropsWithoutRef.scrollPaddingBlockEnd

---

scrollPaddingBlockStart?

optional scrollPaddingBlockStart: ConditionalValue<AnyString | ScrollPaddingBlockStart<String | Number> | readonly NonNullable<ScrollPaddingBlockStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:474

Inherited from

ComponentPropsWithoutRef.scrollPaddingBlockStart

---

scrollPaddingBottom?

optional scrollPaddingBottom: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPaddingBottom<String | Number> | readonly NonNullable<ScrollPaddingBottom<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:475

Inherited from

ComponentPropsWithoutRef.scrollPaddingBottom

---

scrollPaddingInline?

optional scrollPaddingInline: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPaddingInline<String | Number> | readonly NonNullable<ScrollPaddingInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:478

Inherited from

ComponentPropsWithoutRef.scrollPaddingInline

---

scrollPaddingInlineEnd?

optional scrollPaddingInlineEnd: ConditionalValue<AnyString | ScrollPaddingInlineEnd<String | Number> | readonly NonNullable<ScrollPaddingInlineEnd<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:481

Inherited from

ComponentPropsWithoutRef.scrollPaddingInlineEnd

---

scrollPaddingInlineStart?

optional scrollPaddingInlineStart: ConditionalValue<AnyString | ScrollPaddingInlineStart<String | Number> | readonly NonNullable<ScrollPaddingInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:482

Inherited from

ComponentPropsWithoutRef.scrollPaddingInlineStart

---

scrollPaddingLeft?

optional scrollPaddingLeft: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPaddingLeft<String | Number> | readonly NonNullable<ScrollPaddingLeft<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:483

Inherited from

ComponentPropsWithoutRef.scrollPaddingLeft

---

scrollPaddingRight?

optional scrollPaddingRight: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPaddingRight<String | Number> | readonly NonNullable<ScrollPaddingRight<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:484

Inherited from

ComponentPropsWithoutRef.scrollPaddingRight

---

scrollPaddingTop?

optional scrollPaddingTop: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPaddingTop<String | Number> | readonly NonNullable<ScrollPaddingTop<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:485

Inherited from

ComponentPropsWithoutRef.scrollPaddingTop

---

scrollPaddingX?

optional scrollPaddingX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPaddingInline<String | Number> | readonly NonNullable<ScrollPaddingInline<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:680

Inherited from

ComponentPropsWithoutRef.scrollPaddingX

---

scrollPaddingY?

optional scrollPaddingY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | ScrollPaddingBlock<String | Number> | readonly NonNullable<ScrollPaddingBlock<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:681

Inherited from

ComponentPropsWithoutRef.scrollPaddingY

---

scrollSnapAlign?

optional scrollSnapAlign: ConditionalValue<readonly string[] | AnyString | ScrollSnapAlign | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:486

Inherited from

ComponentPropsWithoutRef.scrollSnapAlign

---

scrollSnapCoordinate?

optional scrollSnapCoordinate: ConditionalValue<AnyString | ScrollSnapCoordinate<String | Number> | readonly NonNullable<ScrollSnapCoordinate<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:487

Inherited from

ComponentPropsWithoutRef.scrollSnapCoordinate

---

scrollSnapDestination?

optional scrollSnapDestination: ConditionalValue<AnyString | ScrollSnapDestination<String | Number> | readonly NonNullable<ScrollSnapDestination<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:488

Inherited from

ComponentPropsWithoutRef.scrollSnapDestination

---

scrollSnapMargin?

optional scrollSnapMargin: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:762

Inherited from

ComponentPropsWithoutRef.scrollSnapMargin

---

scrollSnapMarginBottom?

optional scrollSnapMarginBottom: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:764

Inherited from

ComponentPropsWithoutRef.scrollSnapMarginBottom

---

scrollSnapMarginLeft?

optional scrollSnapMarginLeft: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:765

Inherited from

ComponentPropsWithoutRef.scrollSnapMarginLeft

---

scrollSnapMarginRight?

optional scrollSnapMarginRight: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:766

Inherited from

ComponentPropsWithoutRef.scrollSnapMarginRight

---

scrollSnapMarginTop?

optional scrollSnapMarginTop: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:763

Inherited from

ComponentPropsWithoutRef.scrollSnapMarginTop

---

scrollSnapPointsX?

optional scrollSnapPointsX: ConditionalValue<readonly string[] | AnyString | ScrollSnapPointsX | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:489

Inherited from

ComponentPropsWithoutRef.scrollSnapPointsX

---

scrollSnapPointsY?

optional scrollSnapPointsY: ConditionalValue<readonly string[] | AnyString | ScrollSnapPointsY | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:490

Inherited from

ComponentPropsWithoutRef.scrollSnapPointsY

---

scrollSnapStop?

optional scrollSnapStop: ConditionalValue<AnyString | ScrollSnapStop | readonly NonNullable<ScrollSnapStop | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:491

Inherited from

ComponentPropsWithoutRef.scrollSnapStop

---

scrollSnapStrictness?

optional scrollSnapStrictness: ConditionalValue<`var(--${string})` | AnyString | "mandatory" | "proximity" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:761

Inherited from

ComponentPropsWithoutRef.scrollSnapStrictness

---

scrollSnapType?

optional scrollSnapType: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | ScrollSnapType | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:492

Inherited from

ComponentPropsWithoutRef.scrollSnapType

---

scrollSnapTypeX?

optional scrollSnapTypeX: ConditionalValue<AnyString | ScrollSnapTypeX | readonly NonNullable<ScrollSnapTypeX | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:493

Inherited from

ComponentPropsWithoutRef.scrollSnapTypeX

---

scrollSnapTypeY?

optional scrollSnapTypeY: ConditionalValue<AnyString | ScrollSnapTypeY | readonly NonNullable<ScrollSnapTypeY | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:494

Inherited from

ComponentPropsWithoutRef.scrollSnapTypeY

---

scrollTimeline?

optional scrollTimeline: ConditionalValue<readonly string[] | AnyString | ScrollTimeline | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:495

Inherited from

ComponentPropsWithoutRef.scrollTimeline

---

scrollTimelineAxis?

optional scrollTimelineAxis: ConditionalValue<readonly string[] | AnyString | ScrollTimelineAxis | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:496

Inherited from

ComponentPropsWithoutRef.scrollTimelineAxis

---

scrollTimelineName?

optional scrollTimelineName: ConditionalValue<readonly string[] | AnyString | ScrollTimelineName | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:497

Inherited from

ComponentPropsWithoutRef.scrollTimelineName

---

security?

optional security: string

Defined in: node_modules/@types/react/index.d.ts:2805

Inherited from

ComponentPropsWithoutRef.security

---

sepia?

optional sepia: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:738

Inherited from

ComponentPropsWithoutRef.sepia

---

shadow?

optional shadow: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | ShadowsToken | BoxShadow | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:664

Inherited from

ComponentPropsWithoutRef.shadow

---

shadowColor?

optional shadowColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:665

Inherited from

ComponentPropsWithoutRef.shadowColor

---

shapeImageThreshold?

optional shapeImageThreshold: ConditionalValue<AnyString | ShapeImageThreshold | readonly NonNullable<ShapeImageThreshold | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:501

Inherited from

ComponentPropsWithoutRef.shapeImageThreshold

---

shapeMargin?

optional shapeMargin: ConditionalValue<AnyString | ShapeMargin<String | Number> | readonly NonNullable<ShapeMargin<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:502

Inherited from

ComponentPropsWithoutRef.shapeMargin

---

shapeOutside?

optional shapeOutside: ConditionalValue<readonly string[] | AnyString | ShapeOutside | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:503

Inherited from

ComponentPropsWithoutRef.shapeOutside

---

shapeRendering?

optional shapeRendering: ConditionalValue<AnyString | ShapeRendering | readonly NonNullable<ShapeRendering | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:504

Inherited from

ComponentPropsWithoutRef.shapeRendering

---

size?

optional size: ConditionalValue<"sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "xs" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/recipes.gen.d.ts:21

Default

"md"

Inherited from

ComponentPropsWithoutRef.size

---

skewX?

optional skewX: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:772

Inherited from

ComponentPropsWithoutRef.skewX

---

skewY?

optional skewY: ConditionalValue<string | number | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:773

Inherited from

ComponentPropsWithoutRef.skewY

---

slot?

optional slot: string

Defined in: node_modules/@types/react/index.d.ts:2769

Inherited from

ComponentPropsWithoutRef.slot

---

sm?

optional sm: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:211

@media screen and (min-width: 30rem)

Inherited from

ComponentPropsWithoutRef.sm

---

smDown?

optional smDown: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:215

@media screen and (max-width: 29.9975rem)

Inherited from

ComponentPropsWithoutRef.smDown

---

smOnly?

optional smOnly: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:213

@media screen and (min-width: 30rem) and (max-width: 47.9975rem)

Inherited from

ComponentPropsWithoutRef.smOnly

---

smTo2xl?

optional smTo2xl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:247

@media screen and (min-width: 30rem) and (max-width: 95.9975rem)

Inherited from

ComponentPropsWithoutRef.smTo2xl

---

smToLg?

optional smToLg: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:243

@media screen and (min-width: 30rem) and (max-width: 63.9975rem)

Inherited from

ComponentPropsWithoutRef.smToLg

---

smToMd?

optional smToMd: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:241

@media screen and (min-width: 30rem) and (max-width: 47.9975rem)

Inherited from

ComponentPropsWithoutRef.smToMd

---

smToXl?

optional smToXl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:245

@media screen and (min-width: 30rem) and (max-width: 79.9975rem)

Inherited from

ComponentPropsWithoutRef.smToXl

---

spaceX?

optional spaceX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginInlineStart<String | Number> | readonly NonNullable<MarginInlineStart<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:777

Inherited from

ComponentPropsWithoutRef.spaceX

---

spaceXReverse?

optional spaceXReverse: ConditionalValue<boolean | `var(--${string})` | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:776

Inherited from

ComponentPropsWithoutRef.spaceXReverse

---

spaceY?

optional spaceY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | MarginTop<String | Number> | readonly NonNullable<MarginTop<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:779

Inherited from

ComponentPropsWithoutRef.spaceY

---

spaceYReverse?

optional spaceYReverse: ConditionalValue<boolean | `var(--${string})` | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:778

Inherited from

ComponentPropsWithoutRef.spaceYReverse

---

spellCheck?

optional spellCheck: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2770

Inherited from

ComponentPropsWithoutRef.spellCheck

---

spinner?

optional spinner: ReactNode

Defined in: node_modules/@chakra-ui/react/dist/types/components/button/button.d.ts:15

The spinner to show while loading.

Inherited from

ComponentPropsWithoutRef.spinner

---

spinnerPlacement?

optional spinnerPlacement: "end" | "start"

Defined in: node_modules/@chakra-ui/react/dist/types/components/button/button.d.ts:20

The placement of the spinner

Default

"start"

Inherited from

ComponentPropsWithoutRef.spinnerPlacement

---

srOnly?

optional srOnly: ConditionalValue<boolean | `var(--${string})` | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:787

Inherited from

ComponentPropsWithoutRef.srOnly

---

stopColor?

optional stopColor: ConditionalValue<readonly string[] | AnyString | StopColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:505

Inherited from

ComponentPropsWithoutRef.stopColor

---

stopOpacity?

optional stopOpacity: ConditionalValue<AnyString | StopOpacity | readonly NonNullable<StopOpacity | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:506

Inherited from

ComponentPropsWithoutRef.stopOpacity

---

stroke?

optional stroke: ConditionalValue<readonly string[] | string & { } | "none" | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | "context-fill" | "context-stroke" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:507

Inherited from

ComponentPropsWithoutRef.stroke

---

strokeDasharray?

optional strokeDasharray: ConditionalValue<AnyString | StrokeDasharray<String | Number> | readonly NonNullable<StrokeDasharray<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:508

Inherited from

ComponentPropsWithoutRef.strokeDasharray

---

strokeDashoffset?

optional strokeDashoffset: ConditionalValue<AnyString | StrokeDashoffset<String | Number> | readonly NonNullable<StrokeDashoffset<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:509

Inherited from

ComponentPropsWithoutRef.strokeDashoffset

---

strokeLinecap?

optional strokeLinecap: ConditionalValue<AnyString | StrokeLinecap | readonly NonNullable<StrokeLinecap | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:510

Inherited from

ComponentPropsWithoutRef.strokeLinecap

---

strokeLinejoin?

optional strokeLinejoin: ConditionalValue<AnyString | StrokeLinejoin | readonly NonNullable<StrokeLinejoin | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:511

Inherited from

ComponentPropsWithoutRef.strokeLinejoin

---

strokeMiterlimit?

optional strokeMiterlimit: ConditionalValue<AnyString | StrokeMiterlimit | readonly NonNullable<StrokeMiterlimit | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:512

Inherited from

ComponentPropsWithoutRef.strokeMiterlimit

---

strokeOpacity?

optional strokeOpacity: ConditionalValue<AnyString | StrokeOpacity | readonly NonNullable<StrokeOpacity | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:513

Inherited from

ComponentPropsWithoutRef.strokeOpacity

---

strokeWidth?

optional strokeWidth: ConditionalValue<AnyString | StrokeWidth<String | Number> | readonly NonNullable<StrokeWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:514

Inherited from

ComponentPropsWithoutRef.strokeWidth

---

style?

optional style: CSSProperties

Defined in: node_modules/@types/react/index.d.ts:2771

Inherited from

ComponentPropsWithoutRef.style

---

suppressContentEditableWarning?

optional suppressContentEditableWarning: boolean

Defined in: node_modules/@types/react/index.d.ts:2752

Inherited from

ComponentPropsWithoutRef.suppressContentEditableWarning

---

suppressHydrationWarning?

optional suppressHydrationWarning: boolean

Defined in: node_modules/@types/react/index.d.ts:2753

Inherited from

ComponentPropsWithoutRef.suppressHydrationWarning

---

tabIndex?

optional tabIndex: number

Defined in: node_modules/@types/react/index.d.ts:2772

Inherited from

ComponentPropsWithoutRef.tabIndex

---

tableLayout?

optional tableLayout: ConditionalValue<AnyString | TableLayout | readonly NonNullable<TableLayout | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:516

Inherited from

ComponentPropsWithoutRef.tableLayout

---

tabSize?

optional tabSize: ConditionalValue<AnyString | TabSize<String | Number> | readonly NonNullable<TabSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:515

Inherited from

ComponentPropsWithoutRef.tabSize

---

testID?

optional testID: string

Defined in: packages/react-querybuilder/src/types/props.ts:103

Test ID for this component.

Inherited from

ActionProps.testID

---

textAlign?

optional textAlign: ConditionalValue<AnyString | TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:517

Inherited from

ComponentPropsWithoutRef.textAlign

---

textAlignLast?

optional textAlignLast: ConditionalValue<AnyString | TextAlignLast | readonly NonNullable<TextAlignLast | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:518

Inherited from

ComponentPropsWithoutRef.textAlignLast

---

textAnchor?

optional textAnchor: ConditionalValue<AnyString | TextAnchor | readonly NonNullable<TextAnchor | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:519

Inherited from

ComponentPropsWithoutRef.textAnchor

---

textBox?

optional textBox: ConditionalValue<readonly string[] | AnyString | TextBox | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:520

Inherited from

ComponentPropsWithoutRef.textBox

---

textBoxEdge?

optional textBoxEdge: ConditionalValue<readonly string[] | AnyString | TextBoxEdge | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:521

Inherited from

ComponentPropsWithoutRef.textBoxEdge

---

textBoxTrim?

optional textBoxTrim: ConditionalValue<AnyString | TextBoxTrim | readonly NonNullable<TextBoxTrim | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:522

Inherited from

ComponentPropsWithoutRef.textBoxTrim

---

textCombineUpright?

optional textCombineUpright: ConditionalValue<readonly string[] | AnyString | TextCombineUpright | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:523

Inherited from

ComponentPropsWithoutRef.textCombineUpright

---

textDecor?

optional textDecor: ConditionalValue<AnyString | TextDecoration<String | Number> | readonly NonNullable<TextDecoration<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:715

Inherited from

ComponentPropsWithoutRef.textDecor

---

textDecoration?

optional textDecoration: ConditionalValue<AnyString | TextDecoration<String | Number> | readonly NonNullable<TextDecoration<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:524

Inherited from

ComponentPropsWithoutRef.textDecoration

---

textDecorationColor?

optional textDecorationColor: ConditionalValue<readonly string[] | string & { } | "Field" | "current" | "border" | "bg" | "colorPalette" | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "black" | "white" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "whiteAlpha.950" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "blackAlpha.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "bg.subtle" | "bg.muted" | "bg.emphasized" | "bg.inverted" | "bg.panel" | "bg.error" | "bg.warning" | "bg.success" | "bg.info" | "fg" | "fg.muted" | "fg.subtle" | "fg.inverted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info" | "border.muted" | "border.subtle" | "border.emphasized" | "border.inverted" | "border.error" | "border.warning" | "border.success" | "border.info" | "gray.contrast" | "gray.fg" | "gray.subtle" | "gray.muted" | "gray.emphasized" | "gray.solid" | "gray.focusRing" | "gray.border" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "red.border" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "orange.border" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "green.border" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "blue.border" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "yellow.border" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "teal.border" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "purple.border" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "pink.border" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "cyan.border" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.subtle" | "colorPalette.muted" | "colorPalette.emphasized" | "colorPalette.inverted" | "colorPalette.panel" | "colorPalette.error" | "colorPalette.warning" | "colorPalette.success" | "colorPalette.info" | "colorPalette.contrast" | "colorPalette.fg" | "colorPalette.solid" | "colorPalette.focusRing" | "colorPalette.border" | "currentBg" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "AccentColor" | "AccentColorText" | "ActiveText" | "ButtonBorder" | "ButtonFace" | "ButtonText" | "Canvas" | "CanvasText" | "FieldText" | "GrayText" | "Highlight" | "HighlightText" | "LinkText" | "Mark" | "MarkText" | "SelectedItem" | "SelectedItemText" | "VisitedText" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonHighlight" | "ButtonShadow" | "CaptionText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentColor" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:525

Inherited from

ComponentPropsWithoutRef.textDecorationColor

---

textDecorationLine?

optional textDecorationLine: ConditionalValue<readonly string[] | AnyString | TextDecorationLine | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:528

Inherited from

ComponentPropsWithoutRef.textDecorationLine

---

textDecorationSkip?

optional textDecorationSkip: ConditionalValue<readonly string[] | AnyString | TextDecorationSkip | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:529

Inherited from

ComponentPropsWithoutRef.textDecorationSkip

---

textDecorationSkipInk?

optional textDecorationSkipInk: ConditionalValue<AnyString | TextDecorationSkipInk | readonly NonNullable<TextDecorationSkipInk | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:530

Inherited from

ComponentPropsWithoutRef.textDecorationSkipInk

---

textDecorationStyle?

optional textDecorationStyle: ConditionalValue<AnyString | TextDecorationStyle | readonly NonNullable<TextDecorationStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:531

Inherited from

ComponentPropsWithoutRef.textDecorationStyle

---

textDecorationThickness?

optional textDecorationThickness: ConditionalValue<AnyString | TextDecorationThickness<String | Number> | readonly NonNullable<TextDecorationThickness<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:532

Inherited from

ComponentPropsWithoutRef.textDecorationThickness

---

textEmphasis?

optional textEmphasis: ConditionalValue<readonly string[] | AnyString | TextEmphasis | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:533

Inherited from

ComponentPropsWithoutRef.textEmphasis

---

textEmphasisColor?

optional textEmphasisColor: ConditionalValue<readonly string[] | AnyString | TextEmphasisColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:534

Inherited from

ComponentPropsWithoutRef.textEmphasisColor

---

textEmphasisPosition?

optional textEmphasisPosition: ConditionalValue<readonly string[] | AnyString | TextEmphasisPosition | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:535

Inherited from

ComponentPropsWithoutRef.textEmphasisPosition

---

textEmphasisStyle?

optional textEmphasisStyle: ConditionalValue<readonly string[] | AnyString | TextEmphasisStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:536

Inherited from

ComponentPropsWithoutRef.textEmphasisStyle

---

textIndent?

optional textIndent: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | TextIndent<String | Number> | readonly NonNullable<TextIndent<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:537

Inherited from

ComponentPropsWithoutRef.textIndent

---

textJustify?

optional textJustify: ConditionalValue<AnyString | TextJustify | readonly NonNullable<TextJustify | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:538

Inherited from

ComponentPropsWithoutRef.textJustify

---

textOrientation?

optional textOrientation: ConditionalValue<AnyString | TextOrientation | readonly NonNullable<TextOrientation | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:539

Inherited from

ComponentPropsWithoutRef.textOrientation

---

textOverflow?

optional textOverflow: ConditionalValue<readonly string[] | AnyString | TextOverflow | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:540

Inherited from

ComponentPropsWithoutRef.textOverflow

---

textRendering?

optional textRendering: ConditionalValue<AnyString | TextRendering | readonly NonNullable<TextRendering | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:541

Inherited from

ComponentPropsWithoutRef.textRendering

---

textShadow?

optional textShadow: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | ShadowsToken | TextShadow | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:542

Inherited from

ComponentPropsWithoutRef.textShadow

---

textSizeAdjust?

optional textSizeAdjust: ConditionalValue<readonly string[] | AnyString | TextSizeAdjust | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:543

Inherited from

ComponentPropsWithoutRef.textSizeAdjust

---

textSpacingTrim?

optional textSpacingTrim: ConditionalValue<AnyString | TextSpacingTrim | readonly NonNullable<TextSpacingTrim | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:544

Inherited from

ComponentPropsWithoutRef.textSpacingTrim

---

textStyle?

optional textStyle: ConditionalValue<"label" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | `var(--${string})` | AnyString | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:790

Inherited from

ComponentPropsWithoutRef.textStyle

---

textTransform?

optional textTransform: ConditionalValue<readonly string[] | AnyString | TextTransform | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:545

Inherited from

ComponentPropsWithoutRef.textTransform

---

textUnderlineOffset?

optional textUnderlineOffset: ConditionalValue<AnyString | TextUnderlineOffset<String | Number> | readonly NonNullable<TextUnderlineOffset<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:546

Inherited from

ComponentPropsWithoutRef.textUnderlineOffset

---

textUnderlinePosition?

optional textUnderlinePosition: ConditionalValue<readonly string[] | AnyString | TextUnderlinePosition | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:547

Inherited from

ComponentPropsWithoutRef.textUnderlinePosition

---

textWrap?

optional textWrap: ConditionalValue<readonly string[] | AnyString | TextWrap | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:548

Inherited from

ComponentPropsWithoutRef.textWrap

---

textWrapMode?

optional textWrapMode: ConditionalValue<AnyString | TextWrapMode | readonly NonNullable<TextWrapMode | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:549

Inherited from

ComponentPropsWithoutRef.textWrapMode

---

textWrapStyle?

optional textWrapStyle: ConditionalValue<AnyString | TextWrapStyle | readonly NonNullable<TextWrapStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:550

Inherited from

ComponentPropsWithoutRef.textWrapStyle

---

timelineScope?

optional timelineScope: ConditionalValue<readonly string[] | AnyString | TimelineScope | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:551

Inherited from

ComponentPropsWithoutRef.timelineScope

---

title?

optional title: string

Defined in: packages/react-querybuilder/src/types/props.ts:86

The title/tooltip for this control.

Inherited from

ActionProps.title

---

top?

optional top: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | Top<String | Number> | readonly NonNullable<Top<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:552

Inherited from

ComponentPropsWithoutRef.top

---

touchAction?

optional touchAction: ConditionalValue<readonly string[] | AnyString | TouchAction | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:553

Inherited from

ComponentPropsWithoutRef.touchAction

---

transform?

optional transform: ConditionalValue<readonly string[] | AnyString | Transform | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:554

Inherited from

ComponentPropsWithoutRef.transform

---

transformBox?

optional transformBox: ConditionalValue<AnyString | TransformBox | readonly NonNullable<TransformBox | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:555

Inherited from

ComponentPropsWithoutRef.transformBox

---

transformOrigin?

optional transformOrigin: ConditionalValue<AnyString | TransformOrigin<String | Number> | readonly NonNullable<TransformOrigin<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:556

Inherited from

ComponentPropsWithoutRef.transformOrigin

---

transformStyle?

optional transformStyle: ConditionalValue<AnyString | TransformStyle | readonly NonNullable<TransformStyle | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:557

Inherited from

ComponentPropsWithoutRef.transformStyle

---

transition?

optional transition: ConditionalValue<readonly string[] | "size" | "opacity" | "position" | "transform" | "shadow" | `var(--${string})` | AnyString | "colors" | "common" | "backgrounds" | Transition<string & { }> | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:558

Inherited from

ComponentPropsWithoutRef.transition

---

transitionBehavior?

optional transitionBehavior: ConditionalValue<readonly string[] | AnyString | TransitionBehavior | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:559

Inherited from

ComponentPropsWithoutRef.transitionBehavior

---

transitionDelay?

optional transitionDelay: ConditionalValue<readonly string[] | AnyString | TransitionDelay<string & { }> | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:560

Inherited from

ComponentPropsWithoutRef.transitionDelay

---

transitionDuration?

optional transitionDuration: ConditionalValue<readonly string[] | `var(--${string})` | AnyString | DurationsToken | TransitionDuration<string & { }> | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:561

Inherited from

ComponentPropsWithoutRef.transitionDuration

---

transitionProperty?

optional transitionProperty: ConditionalValue<readonly string[] | "size" | "background" | "position" | `var(--${string})` | AnyString | "colors" | "common" | TransitionProperty | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:562

Inherited from

ComponentPropsWithoutRef.transitionProperty

---

transitionTimingFunction?

optional transitionTimingFunction: ConditionalValue<readonly string[] | string & { } | "inherit" | `var(--${string})` | AnyString | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "ease-in-smooth" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:563

Inherited from

ComponentPropsWithoutRef.transitionTimingFunction

---

translate?

optional translate: ConditionalValue<AnyString | Translate<String | Number> | readonly NonNullable<Translate<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:566

Inherited from

ComponentPropsWithoutRef.translate

---

translateX?

optional translateX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:782

Inherited from

ComponentPropsWithoutRef.translateX

---

translateY?

optional translateY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:783

Inherited from

ComponentPropsWithoutRef.translateY

---

truncate?

optional truncate: ConditionalValue<boolean | `var(--${string})` | AnyString | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:784

Inherited from

ComponentPropsWithoutRef.truncate

---

type?

optional type: "button" | "reset" | "submit"

Defined in: node_modules/@types/react/index.d.ts:3030

Inherited from

ComponentPropsWithoutRef.type

---

typeof?

optional typeof: string

Defined in: node_modules/@types/react/index.d.ts:2792

Inherited from

ComponentPropsWithoutRef.typeof

---

unicodeBidi?

optional unicodeBidi: ConditionalValue<AnyString | UnicodeBidi | readonly NonNullable<UnicodeBidi | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:567

Inherited from

ComponentPropsWithoutRef.unicodeBidi

---

unselectable?

optional unselectable: "off" | "on"

Defined in: node_modules/@types/react/index.d.ts:2806

Inherited from

ComponentPropsWithoutRef.unselectable

---

unstyled?

optional unstyled: boolean

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/factory.types.d.ts:11

If true, the element will opt out of the theme styles.

Inherited from

ComponentPropsWithoutRef.unstyled

---

userSelect?

optional userSelect: ConditionalValue<AnyString | UserSelect | readonly NonNullable<UserSelect | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:568

Inherited from

ComponentPropsWithoutRef.userSelect

---

validation?

optional validation: boolean | ValidationResult

Defined in: packages/react-querybuilder/src/types/props.ts:99

Validation result of the parent rule/group.

Inherited from

ActionProps.validation

---

value?

optional value: string | number | readonly string[]

Defined in: node_modules/@types/react/index.d.ts:3031

Inherited from

ComponentPropsWithoutRef.value

---

variant?

optional variant: ConditionalValue<"outline" | "solid" | "subtle" | "surface" | "ghost" | "plain" | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/recipes.gen.d.ts:23

Default

"solid"

Inherited from

ComponentPropsWithoutRef.variant

---

vectorEffect?

optional vectorEffect: ConditionalValue<AnyString | VectorEffect | readonly NonNullable<VectorEffect | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:569

Inherited from

ComponentPropsWithoutRef.vectorEffect

---

verticalAlign?

optional verticalAlign: ConditionalValue<AnyString | VerticalAlign<String | Number> | readonly NonNullable<VerticalAlign<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:570

Inherited from

ComponentPropsWithoutRef.verticalAlign

---

viewTimeline?

optional viewTimeline: ConditionalValue<readonly string[] | AnyString | ViewTimeline | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:571

Inherited from

ComponentPropsWithoutRef.viewTimeline

---

viewTimelineAxis?

optional viewTimelineAxis: ConditionalValue<readonly string[] | AnyString | ViewTimelineAxis | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:572

Inherited from

ComponentPropsWithoutRef.viewTimelineAxis

---

viewTimelineInset?

optional viewTimelineInset: ConditionalValue<AnyString | ViewTimelineInset<String | Number> | readonly NonNullable<ViewTimelineInset<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:573

Inherited from

ComponentPropsWithoutRef.viewTimelineInset

---

viewTimelineName?

optional viewTimelineName: ConditionalValue<readonly string[] | AnyString | ViewTimelineName | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:574

Inherited from

ComponentPropsWithoutRef.viewTimelineName

---

viewTransitionName?

optional viewTransitionName: ConditionalValue<readonly string[] | AnyString | ViewTransitionName | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:575

Inherited from

ComponentPropsWithoutRef.viewTransitionName

---

visibility?

optional visibility: ConditionalValue<AnyString | Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:576

Inherited from

ComponentPropsWithoutRef.visibility

---

vocab?

optional vocab: string

Defined in: node_modules/@types/react/index.d.ts:2793

Inherited from

ComponentPropsWithoutRef.vocab

---

w?

optional w: ConditionalValue<`var(--${string})` | AnyString | SizesToken | Width<String | Number> | readonly NonNullable<Width<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:671

Inherited from

ComponentPropsWithoutRef.w

---

WebkitAppearance?

optional WebkitAppearance: ConditionalValue<AnyString | WebkitAppearance | readonly NonNullable<WebkitAppearance | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:14

Inherited from

ComponentPropsWithoutRef.WebkitAppearance

---

WebkitBorderBefore?

optional WebkitBorderBefore: ConditionalValue<AnyString | WebkitBorderBefore<String | Number> | readonly NonNullable<WebkitBorderBefore<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:15

Inherited from

ComponentPropsWithoutRef.WebkitBorderBefore

---

WebkitBorderBeforeColor?

optional WebkitBorderBeforeColor: ConditionalValue<readonly string[] | AnyString | WebkitBorderBeforeColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:16

Inherited from

ComponentPropsWithoutRef.WebkitBorderBeforeColor

---

WebkitBorderBeforeStyle?

optional WebkitBorderBeforeStyle: ConditionalValue<readonly string[] | AnyString | WebkitBorderBeforeStyle | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:17

Inherited from

ComponentPropsWithoutRef.WebkitBorderBeforeStyle

---

WebkitBorderBeforeWidth?

optional WebkitBorderBeforeWidth: ConditionalValue<AnyString | WebkitBorderBeforeWidth<String | Number> | readonly NonNullable<WebkitBorderBeforeWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:18

Inherited from

ComponentPropsWithoutRef.WebkitBorderBeforeWidth

---

WebkitBoxReflect?

optional WebkitBoxReflect: ConditionalValue<AnyString | WebkitBoxReflect<String | Number> | readonly NonNullable<WebkitBoxReflect<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:19

Inherited from

ComponentPropsWithoutRef.WebkitBoxReflect

---

WebkitLineClamp?

optional WebkitLineClamp: ConditionalValue<AnyString | WebkitLineClamp | readonly NonNullable<WebkitLineClamp | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:20

Inherited from

ComponentPropsWithoutRef.WebkitLineClamp

---

WebkitMask?

optional WebkitMask: ConditionalValue<AnyString | WebkitMask<String | Number> | readonly NonNullable<WebkitMask<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:21

Inherited from

ComponentPropsWithoutRef.WebkitMask

---

WebkitMaskAttachment?

optional WebkitMaskAttachment: ConditionalValue<readonly string[] | AnyString | WebkitMaskAttachment | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:22

Inherited from

ComponentPropsWithoutRef.WebkitMaskAttachment

---

WebkitMaskClip?

optional WebkitMaskClip: ConditionalValue<readonly string[] | AnyString | WebkitMaskClip | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:23

Inherited from

ComponentPropsWithoutRef.WebkitMaskClip

---

WebkitMaskComposite?

optional WebkitMaskComposite: ConditionalValue<readonly string[] | AnyString | WebkitMaskComposite | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:24

Inherited from

ComponentPropsWithoutRef.WebkitMaskComposite

---

WebkitMaskImage?

optional WebkitMaskImage: ConditionalValue<readonly string[] | AnyString | WebkitMaskImage | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:25

Inherited from

ComponentPropsWithoutRef.WebkitMaskImage

---

WebkitMaskOrigin?

optional WebkitMaskOrigin: ConditionalValue<readonly string[] | AnyString | WebkitMaskOrigin | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:26

Inherited from

ComponentPropsWithoutRef.WebkitMaskOrigin

---

WebkitMaskPosition?

optional WebkitMaskPosition: ConditionalValue<AnyString | WebkitMaskPosition<String | Number> | readonly NonNullable<WebkitMaskPosition<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:27

Inherited from

ComponentPropsWithoutRef.WebkitMaskPosition

---

WebkitMaskPositionX?

optional WebkitMaskPositionX: ConditionalValue<AnyString | WebkitMaskPositionX<String | Number> | readonly NonNullable<WebkitMaskPositionX<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:28

Inherited from

ComponentPropsWithoutRef.WebkitMaskPositionX

---

WebkitMaskPositionY?

optional WebkitMaskPositionY: ConditionalValue<AnyString | WebkitMaskPositionY<String | Number> | readonly NonNullable<WebkitMaskPositionY<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:29

Inherited from

ComponentPropsWithoutRef.WebkitMaskPositionY

---

WebkitMaskRepeat?

optional WebkitMaskRepeat: ConditionalValue<readonly string[] | AnyString | WebkitMaskRepeat | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:30

Inherited from

ComponentPropsWithoutRef.WebkitMaskRepeat

---

WebkitMaskRepeatX?

optional WebkitMaskRepeatX: ConditionalValue<AnyString | WebkitMaskRepeatX | readonly NonNullable<WebkitMaskRepeatX | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:31

Inherited from

ComponentPropsWithoutRef.WebkitMaskRepeatX

---

WebkitMaskRepeatY?

optional WebkitMaskRepeatY: ConditionalValue<AnyString | WebkitMaskRepeatY | readonly NonNullable<WebkitMaskRepeatY | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:32

Inherited from

ComponentPropsWithoutRef.WebkitMaskRepeatY

---

WebkitMaskSize?

optional WebkitMaskSize: ConditionalValue<AnyString | WebkitMaskSize<String | Number> | readonly NonNullable<WebkitMaskSize<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:33

Inherited from

ComponentPropsWithoutRef.WebkitMaskSize

---

WebkitOverflowScrolling?

optional WebkitOverflowScrolling: ConditionalValue<AnyString | WebkitOverflowScrolling | readonly NonNullable<WebkitOverflowScrolling | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:34

Inherited from

ComponentPropsWithoutRef.WebkitOverflowScrolling

---

WebkitTapHighlightColor?

optional WebkitTapHighlightColor: ConditionalValue<readonly string[] | AnyString | WebkitTapHighlightColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:35

Inherited from

ComponentPropsWithoutRef.WebkitTapHighlightColor

---

WebkitTextFillColor?

optional WebkitTextFillColor: ConditionalValue<readonly string[] | AnyString | WebkitTextFillColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:36

Inherited from

ComponentPropsWithoutRef.WebkitTextFillColor

---

WebkitTextStroke?

optional WebkitTextStroke: ConditionalValue<AnyString | WebkitTextStroke<String | Number> | readonly NonNullable<WebkitTextStroke<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:37

Inherited from

ComponentPropsWithoutRef.WebkitTextStroke

---

WebkitTextStrokeColor?

optional WebkitTextStrokeColor: ConditionalValue<readonly string[] | AnyString | WebkitTextStrokeColor | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:38

Inherited from

ComponentPropsWithoutRef.WebkitTextStrokeColor

---

WebkitTextStrokeWidth?

optional WebkitTextStrokeWidth: ConditionalValue<AnyString | WebkitTextStrokeWidth<String | Number> | readonly NonNullable<WebkitTextStrokeWidth<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:39

Inherited from

ComponentPropsWithoutRef.WebkitTextStrokeWidth

---

WebkitTouchCallout?

optional WebkitTouchCallout: ConditionalValue<AnyString | WebkitTouchCallout | readonly NonNullable<WebkitTouchCallout | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:40

Inherited from

ComponentPropsWithoutRef.WebkitTouchCallout

---

WebkitUserModify?

optional WebkitUserModify: ConditionalValue<AnyString | WebkitUserModify | readonly NonNullable<WebkitUserModify | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:41

Inherited from

ComponentPropsWithoutRef.WebkitUserModify

---

WebkitUserSelect?

optional WebkitUserSelect: ConditionalValue<AnyString | WebkitUserSelect | readonly NonNullable<WebkitUserSelect | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:42

Inherited from

ComponentPropsWithoutRef.WebkitUserSelect

---

whiteSpace?

optional whiteSpace: ConditionalValue<readonly string[] | AnyString | WhiteSpace | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:577

Inherited from

ComponentPropsWithoutRef.whiteSpace

---

whiteSpaceCollapse?

optional whiteSpaceCollapse: ConditionalValue<AnyString | WhiteSpaceCollapse | readonly NonNullable<WhiteSpaceCollapse | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:578

Inherited from

ComponentPropsWithoutRef.whiteSpaceCollapse

---

widows?

optional widows: ConditionalValue<AnyString | Widows | readonly NonNullable<Widows | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:579

Inherited from

ComponentPropsWithoutRef.widows

---

width?

optional width: ConditionalValue<`var(--${string})` | AnyString | SizesToken | Width<String | Number> | readonly NonNullable<Width<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:580

Inherited from

ComponentPropsWithoutRef.width

---

willChange?

optional willChange: ConditionalValue<readonly string[] | AnyString | WillChange | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:581

Inherited from

ComponentPropsWithoutRef.willChange

---

wordBreak?

optional wordBreak: ConditionalValue<AnyString | WordBreak | readonly NonNullable<WordBreak | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:582

Inherited from

ComponentPropsWithoutRef.wordBreak

---

wordSpacing?

optional wordSpacing: ConditionalValue<AnyString | WordSpacing<String | Number> | readonly NonNullable<WordSpacing<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:583

Inherited from

ComponentPropsWithoutRef.wordSpacing

---

wordWrap?

optional wordWrap: ConditionalValue<AnyString | WordWrap | readonly NonNullable<WordWrap | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:584

Inherited from

ComponentPropsWithoutRef.wordWrap

---

writingMode?

optional writingMode: ConditionalValue<AnyString | WritingMode | readonly NonNullable<WritingMode | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:585

Inherited from

ComponentPropsWithoutRef.writingMode

---

x?

optional x: ConditionalValue<AnyString | X<String | Number> | readonly NonNullable<X<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:586

Inherited from

ComponentPropsWithoutRef.x

---

xl?

optional xl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:229

@media screen and (min-width: 80rem)

Inherited from

ComponentPropsWithoutRef.xl

---

xlDown?

optional xlDown: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:233

@media screen and (max-width: 79.9975rem)

Inherited from

ComponentPropsWithoutRef.xlDown

---

xlOnly?

optional xlOnly: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:231

@media screen and (min-width: 80rem) and (max-width: 95.9975rem)

Inherited from

ComponentPropsWithoutRef.xlOnly

---

xlTo2xl?

optional xlTo2xl: Nested<SystemStyleObject>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/conditions.gen.d.ts:259

@media screen and (min-width: 80rem) and (max-width: 95.9975rem)

Inherited from

ComponentPropsWithoutRef.xlTo2xl

---

y?

optional y: ConditionalValue<AnyString | Y<String | Number> | readonly NonNullable<Y<String | Number> | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:587

Inherited from

ComponentPropsWithoutRef.y

---

zIndex?

optional zIndex: ConditionalValue<`var(--${string})` | AnyString | ZIndexToken | ZIndex | readonly NonNullable<ZIndex | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:588

Inherited from

ComponentPropsWithoutRef.zIndex

---

zoom?

optional zoom: ConditionalValue<AnyString | Zoom | readonly NonNullable<Zoom | undefined>[] | undefined>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:589

Inherited from

ComponentPropsWithoutRef.zoom

---

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.