Skip to main content

ChakraActionProps

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

Extends

Methods

handleOnClick()

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

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

Call this function to trigger the action.

Parameters

ParameterType
e?MouseEvent<Element, MouseEvent>

Returns

void

Inherited from

ActionWithRulesProps.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:2705

Inherited from

ComponentPropsWithoutRef.about


accentColor?

optional accentColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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:2678

Inherited from

ComponentPropsWithoutRef.accessKey


alignContent?

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

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<undefined | readonly string[] | AnyString | AlignItems>

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<undefined | AnyString | AlignmentBaseline | readonly NonNullable<AlignmentBaseline | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.alignmentBaseline


alignSelf?

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

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<undefined | readonly string[] | AnyString | AlignTracks>

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<undefined | AnyString | Globals | readonly NonNullable<Globals | 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: any

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

Inherited from

ComponentPropsWithoutRef.anchorName


anchorScope?

optional anchorScope: any

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<undefined | `var(--${string})` | AnyString | AnimationsToken | Animation<string & { }> | readonly NonNullable<Animation<string & {}> | 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<undefined | readonly string[] | AnyString | AnimationComposition>

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<undefined | readonly string[] | `var(--${string})` | AnyString | DurationsToken | AnimationDelay<string & { }>>

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<undefined | readonly string[] | AnyString | AnimationDirection>

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<undefined | readonly string[] | `var(--${string})` | AnyString | DurationsToken | AnimationDuration<string & { }>>

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<undefined | readonly string[] | AnyString | AnimationFillMode>

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<undefined | AnyString | AnimationIterationCount | readonly NonNullable<AnimationIterationCount | 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<undefined | 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>

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<undefined | readonly string[] | AnyString | AnimationPlayState>

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<undefined | AnyString | AnimationRange<String | Number> | readonly NonNullable<AnimationRange<String | Number> | 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<undefined | AnyString | AnimationRangeEnd<String | Number> | readonly NonNullable<AnimationRangeEnd<String | Number> | 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<undefined | AnyString | AnimationRangeStart<String | Number> | readonly NonNullable<AnimationRangeStart<String | Number> | 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">

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

Inherited from

ComponentPropsWithoutRef.animationStyle


animationTimeline?

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

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<undefined | 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">

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<undefined | AnyString | Appearance | readonly NonNullable<Appearance | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.appearance


aria-activedescendant?

optional aria-activedescendant: string

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

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:2378

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:2383

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:2389

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:2394

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:2395

Inherited from

ComponentPropsWithoutRef.aria-busy


aria-checked?

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

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

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:2405

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:2410

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:2415

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:2420

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:2425

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:2427

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:2432

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:2437

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:2442

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:2447

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" | "move" | "copy" | "none" | "execute" | "popup"

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

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:2457

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:2459

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:2464

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:2469

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:2471

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:2476

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:2481

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:2483

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:2488

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:2493

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:2495

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:2497

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:2499

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:2501

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:2503

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:2505

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:2511

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:2516

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:2521

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:2526

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:2531

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:2536

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:2549

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:2551

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:2556

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:2561

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:2566

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:2571

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:2576

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:2581

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:2583

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:2585

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:2587

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:2592

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:2594

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<undefined | `var(--${string})` | AnyString | AspectRatiosToken | AspectRatio | readonly NonNullable<AspectRatio | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.aspectRatio


autoCapitalize?

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

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

Inherited from

ComponentPropsWithoutRef.autoCapitalize


autoCorrect?

optional autoCorrect: string

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

Inherited from

ComponentPropsWithoutRef.autoCorrect


autoFocus?

optional autoFocus: boolean

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

Inherited from

ComponentPropsWithoutRef.autoFocus


autoSave?

optional autoSave: string

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

Inherited from

ComponentPropsWithoutRef.autoSave


backdropBlur?

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

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

Inherited from

ComponentPropsWithoutRef.backdropBlur


backdropBrightness?

optional backdropBrightness: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.backdropBrightness


backdropContrast?

optional backdropContrast: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.backdropContrast


backdropFilter?

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

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

Inherited from

ComponentPropsWithoutRef.backdropFilter


backdropGrayscale?

optional backdropGrayscale: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.backdropGrayscale


backdropHueRotate?

optional backdropHueRotate: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.backdropHueRotate


backdropInvert?

optional backdropInvert: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.backdropInvert


backdropOpacity?

optional backdropOpacity: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.backdropOpacity


backdropSaturate?

optional backdropSaturate: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.backdropSaturate


backdropSepia?

optional backdropSepia: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.backdropSepia


backfaceVisibility?

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

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

Inherited from

ComponentPropsWithoutRef.backfaceVisibility


background?

optional background: ConditionalValue<undefined | "repeat" | "fixed" | string & { } | "none" | "round" | "current" | "center" | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "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<undefined | Background<String | Number>>[]>

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

Inherited from

ComponentPropsWithoutRef.background


backgroundAttachment?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundAttachment


backgroundBlendMode?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundBlendMode


backgroundClip?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundClip


backgroundColor?

optional backgroundColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

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">

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

Inherited from

ComponentPropsWithoutRef.backgroundGradient


backgroundImage?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundImage


backgroundOrigin?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundOrigin


backgroundPosition?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundPosition


backgroundPositionX?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundPositionX


backgroundPositionY?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundPositionY


backgroundRepeat?

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

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

Inherited from

ComponentPropsWithoutRef.backgroundRepeat


backgroundSize?

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

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

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<undefined | AnyString | BaselineShift<String | Number> | readonly NonNullable<BaselineShift<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.baselineShift


bg?

optional bg: ConditionalValue<undefined | "repeat" | "fixed" | string & { } | "none" | "round" | "current" | "center" | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "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<undefined | Background<String | Number>>[]>

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

Inherited from

ComponentPropsWithoutRef.bg


bgAttachment?

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

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

Inherited from

ComponentPropsWithoutRef.bgAttachment


bgBlendMode?

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

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

Inherited from

ComponentPropsWithoutRef.bgBlendMode


bgClip?

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

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

Inherited from

ComponentPropsWithoutRef.bgClip


bgColor?

optional bgColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

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">

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

Inherited from

ComponentPropsWithoutRef.bgGradient


bgImage?

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

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

Inherited from

ComponentPropsWithoutRef.bgImage


bgImg?

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

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

Inherited from

ComponentPropsWithoutRef.bgImg


bgPos?

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

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

Inherited from

ComponentPropsWithoutRef.bgPos


bgRepeat?

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

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

Inherited from

ComponentPropsWithoutRef.bgRepeat


bgSize?

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

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

Inherited from

ComponentPropsWithoutRef.bgSize


blendMode?

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

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

Inherited from

ComponentPropsWithoutRef.blendMode


blockSize?

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

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

Inherited from

ComponentPropsWithoutRef.blockSize


blur?

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

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

Inherited from

ComponentPropsWithoutRef.blur


border?

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

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

Inherited from

ComponentPropsWithoutRef.border


borderBlock?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlock


borderBlockColor?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockColor


borderBlockEnd?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockEnd


borderBlockEndColor?

optional borderBlockEndColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderBlockEndColor


borderBlockEndStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockEndStyle


borderBlockEndWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockEndWidth


borderBlockStart?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockStart


borderBlockStartColor?

optional borderBlockStartColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderBlockStartColor


borderBlockStartStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockStartStyle


borderBlockStartWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockStartWidth


borderBlockStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockStyle


borderBlockWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderBlockWidth


borderBottom?

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

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

Inherited from

ComponentPropsWithoutRef.borderBottom


borderBottomColor?

optional borderBottomColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderBottomColor


borderBottomEndRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderBottomEndRadius


borderBottomLeftRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderBottomLeftRadius


borderBottomRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderBottomRadius


borderBottomRightRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderBottomRightRadius


borderBottomStartRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderBottomStartRadius


borderBottomStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderBottomStyle


borderBottomWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderBottomWidth


borderCollapse?

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

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

Inherited from

ComponentPropsWithoutRef.borderCollapse


borderColor?

optional borderColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderColor


borderEnd?

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

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

Inherited from

ComponentPropsWithoutRef.borderEnd


borderEndColor?

optional borderEndColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderEndColor


borderEndEndRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderEndEndRadius


borderEndRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderEndRadius


borderEndStartRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderEndStartRadius


borderEndStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderEndStyle


borderEndWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderEndWidth


borderImage?

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

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

Inherited from

ComponentPropsWithoutRef.borderImage


borderImageOutset?

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

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

Inherited from

ComponentPropsWithoutRef.borderImageOutset


borderImageRepeat?

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

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

Inherited from

ComponentPropsWithoutRef.borderImageRepeat


borderImageSlice?

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

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

Inherited from

ComponentPropsWithoutRef.borderImageSlice


borderImageSource?

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

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

Inherited from

ComponentPropsWithoutRef.borderImageSource


borderImageWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderImageWidth


borderInline?

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

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

Inherited from

ComponentPropsWithoutRef.borderInline


borderInlineColor?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineColor


borderInlineEnd?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineEnd


borderInlineEndColor?

optional borderInlineEndColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderInlineEndColor


borderInlineEndRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineEndRadius


borderInlineEndStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineEndStyle


borderInlineEndWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineEndWidth


borderInlineStart?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineStart


borderInlineStartColor?

optional borderInlineStartColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderInlineStartColor


borderInlineStartRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineStartRadius


borderInlineStartStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineStartStyle


borderInlineStartWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineStartWidth


borderInlineStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineStyle


borderInlineWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderInlineWidth


borderLeft?

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

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

Inherited from

ComponentPropsWithoutRef.borderLeft


borderLeftColor?

optional borderLeftColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderLeftColor


borderLeftRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderLeftRadius


borderLeftStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderLeftStyle


borderLeftWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderLeftWidth


borderRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderRadius


borderRight?

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

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

Inherited from

ComponentPropsWithoutRef.borderRight


borderRightColor?

optional borderRightColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderRightColor


borderRightRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderRightRadius


borderRightStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderRightStyle


borderRightWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderRightWidth


borderSpacing?

optional borderSpacing: ConditionalValue<undefined | AnyString | BorderSpacing<String | Number> | readonly NonNullable<BorderSpacing<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.borderSpacing


borderStart?

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

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

Inherited from

ComponentPropsWithoutRef.borderStart


borderStartColor?

optional borderStartColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderStartColor


borderStartEndRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderStartEndRadius


borderStartRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderStartRadius


borderStartStartRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderStartStartRadius


borderStartStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderStartStyle


borderStartWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderStartWidth


borderStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderStyle


borderTop?

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

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

Inherited from

ComponentPropsWithoutRef.borderTop


borderTopColor?

optional borderTopColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.borderTopColor


borderTopEndRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderTopEndRadius


borderTopLeftRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderTopLeftRadius


borderTopRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderTopRadius


borderTopRightRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderTopRightRadius


borderTopStartRadius?

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

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

Inherited from

ComponentPropsWithoutRef.borderTopStartRadius


borderTopStyle?

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

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

Inherited from

ComponentPropsWithoutRef.borderTopStyle


borderTopWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderTopWidth


borderWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderWidth


borderX?

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

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

Inherited from

ComponentPropsWithoutRef.borderX


borderXWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderXWidth


borderY?

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

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

Inherited from

ComponentPropsWithoutRef.borderY


borderYWidth?

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

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

Inherited from

ComponentPropsWithoutRef.borderYWidth


bottom?

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

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

Inherited from

ComponentPropsWithoutRef.bottom


boxAlign?

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

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

Inherited from

ComponentPropsWithoutRef.boxAlign


boxDecorationBreak?

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

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

Inherited from

ComponentPropsWithoutRef.boxDecorationBreak


boxDirection?

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

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

Inherited from

ComponentPropsWithoutRef.boxDirection


boxFlex?

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

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

Inherited from

ComponentPropsWithoutRef.boxFlex


boxFlexGroup?

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

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

Inherited from

ComponentPropsWithoutRef.boxFlexGroup


boxLines?

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

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

Inherited from

ComponentPropsWithoutRef.boxLines


boxOrdinalGroup?

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

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

Inherited from

ComponentPropsWithoutRef.boxOrdinalGroup


boxOrient?

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

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

Inherited from

ComponentPropsWithoutRef.boxOrient


boxPack?

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

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

Inherited from

ComponentPropsWithoutRef.boxPack


boxShadow?

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

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

Inherited from

ComponentPropsWithoutRef.boxShadow


boxShadowColor?

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

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

Inherited from

ComponentPropsWithoutRef.boxShadowColor


boxSize?

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

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

Inherited from

ComponentPropsWithoutRef.boxSize


boxSizing?

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

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

Inherited from

ComponentPropsWithoutRef.boxSizing


breakAfter?

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

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

Inherited from

ComponentPropsWithoutRef.breakAfter


breakBefore?

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

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

Inherited from

ComponentPropsWithoutRef.breakBefore


breakInside?

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

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

Inherited from

ComponentPropsWithoutRef.breakInside


brightness?

optional brightness: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.brightness


captionSide?

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

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

Inherited from

ComponentPropsWithoutRef.captionSide


caret?

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

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

Inherited from

ComponentPropsWithoutRef.caret


caretColor?

optional caretColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.caretColor


caretShape?

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

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

Inherited from

ComponentPropsWithoutRef.caretShape


children?

optional children: ReactNode

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

Inherited from

ComponentPropsWithoutRef.children


className?

optional className: string

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

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

ActionWithRulesProps.className


clear?

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

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

Inherited from

ComponentPropsWithoutRef.clear


clip?

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

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

Inherited from

ComponentPropsWithoutRef.clip


clipPath?

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

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

Inherited from

ComponentPropsWithoutRef.clipPath


clipRule?

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

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

Inherited from

ComponentPropsWithoutRef.clipRule


color?

optional color: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

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

Inherited from

ComponentPropsWithoutRef.color


colorInterpolation?

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

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

Inherited from

ComponentPropsWithoutRef.colorInterpolation


colorInterpolationFilters?

optional colorInterpolationFilters: any

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

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">

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

Inherited from

ComponentPropsWithoutRef.colorPalette


colorRendering?

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

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

Inherited from

ComponentPropsWithoutRef.colorRendering


colorScheme?

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

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

Inherited from

ComponentPropsWithoutRef.colorScheme


columnCount?

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

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

Inherited from

ComponentPropsWithoutRef.columnCount


columnFill?

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

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

Inherited from

ComponentPropsWithoutRef.columnFill


columnGap?

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

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

Inherited from

ComponentPropsWithoutRef.columnGap


columnRule?

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

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

Inherited from

ComponentPropsWithoutRef.columnRule


columnRuleColor?

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

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

Inherited from

ComponentPropsWithoutRef.columnRuleColor


columnRuleStyle?

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

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

Inherited from

ComponentPropsWithoutRef.columnRuleStyle


columnRuleWidth?

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

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

Inherited from

ComponentPropsWithoutRef.columnRuleWidth


columns?

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

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

Inherited from

ComponentPropsWithoutRef.columns


columnSpan?

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

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

Inherited from

ComponentPropsWithoutRef.columnSpan


columnWidth?

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

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

Inherited from

ComponentPropsWithoutRef.columnWidth


contain?

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

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

Inherited from

ComponentPropsWithoutRef.contain


container?

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

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

Inherited from

ComponentPropsWithoutRef.container


containerName?

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

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

Inherited from

ComponentPropsWithoutRef.containerName


containerType?

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

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

Inherited from

ComponentPropsWithoutRef.containerType


containIntrinsicBlockSize?

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

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

Inherited from

ComponentPropsWithoutRef.containIntrinsicBlockSize


containIntrinsicHeight?

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

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

Inherited from

ComponentPropsWithoutRef.containIntrinsicHeight


containIntrinsicInlineSize?

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

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

Inherited from

ComponentPropsWithoutRef.containIntrinsicInlineSize


containIntrinsicSize?

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

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

Inherited from

ComponentPropsWithoutRef.containIntrinsicSize


containIntrinsicWidth?

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

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

Inherited from

ComponentPropsWithoutRef.containIntrinsicWidth


content?

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

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

Inherited from

ComponentPropsWithoutRef.content


contentEditable?

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

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

Inherited from

ComponentPropsWithoutRef.contentEditable


contentVisibility?

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

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

Inherited from

ComponentPropsWithoutRef.contentVisibility


context?

optional context: any

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

Container for custom props that are passed to all components.

Inherited from

ActionWithRulesProps.context


contextMenu?

optional contextMenu: string

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

Inherited from

ComponentPropsWithoutRef.contextMenu


contrast?

optional contrast: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.contrast


counterIncrement?

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

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

Inherited from

ComponentPropsWithoutRef.counterIncrement


counterReset?

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

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

Inherited from

ComponentPropsWithoutRef.counterReset


counterSet?

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

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

Inherited from

ComponentPropsWithoutRef.counterSet


css?

optional css: SystemStyleObject | Omit<(undefined | SystemStyleObject)[], 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<undefined | readonly string[] | `var(--${string})` | AnyString | CursorToken | Cursor>

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

Inherited from

ComponentPropsWithoutRef.cursor


cx?

optional cx: any

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

Inherited from

ComponentPropsWithoutRef.cx


cy?

optional cy: any

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

Inherited from

ComponentPropsWithoutRef.cy


d?

optional d: any

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

Inherited from

ComponentPropsWithoutRef.d


dangerouslySetInnerHTML?

optional dangerouslySetInnerHTML: { __html: string | TrustedHTML; }

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

__html

__html: string | TrustedHTML

Inherited from

ComponentPropsWithoutRef.dangerouslySetInnerHTML


datatype?

optional datatype: string

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

Inherited from

ComponentPropsWithoutRef.datatype


debug?

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

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

Inherited from

ComponentPropsWithoutRef.debug


defaultChecked?

optional defaultChecked: boolean

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

Inherited from

ComponentPropsWithoutRef.defaultChecked


defaultValue?

optional defaultValue: string | number | readonly string[]

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

Inherited from

ComponentPropsWithoutRef.defaultValue


dir?

optional dir: string

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

Inherited from

ComponentPropsWithoutRef.dir


direction?

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

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

Inherited from

ComponentPropsWithoutRef.direction


disabled?

optional disabled: boolean

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

Disables the control.

Inherited from

ActionWithRulesProps.disabled


disabledTranslation?

optional disabledTranslation: TranslationWithLabel

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

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

Inherited from

ActionWithRulesProps.disabledTranslation


display?

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

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

Inherited from

ComponentPropsWithoutRef.display


divideColor?

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

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

Inherited from

ComponentPropsWithoutRef.divideColor


divideStyle?

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

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

Inherited from

ComponentPropsWithoutRef.divideStyle


divideX?

optional divideX: ConditionalValue<string | AnyString>

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

Inherited from

ComponentPropsWithoutRef.divideX


divideY?

optional divideY: ConditionalValue<string | AnyString>

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

Inherited from

ComponentPropsWithoutRef.divideY


dominantBaseline?

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

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

Inherited from

ComponentPropsWithoutRef.dominantBaseline


draggable?

optional draggable: Booleanish

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

Inherited from

ComponentPropsWithoutRef.draggable


dropShadow?

optional dropShadow: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.dropShadow


emptyCells?

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

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

Inherited from

ComponentPropsWithoutRef.emptyCells


enterKeyHint?

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

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

Inherited from

ComponentPropsWithoutRef.enterKeyHint


exportparts?

optional exportparts: string

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

See

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

Inherited from

ComponentPropsWithoutRef.exportparts


fieldSizing?

optional fieldSizing: any

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

Inherited from

ComponentPropsWithoutRef.fieldSizing


fill?

optional fill: ConditionalValue<undefined | readonly string[] | string & { } | "none" | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "child" | "context-fill" | "context-stroke">

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

Inherited from

ComponentPropsWithoutRef.fill


fillOpacity?

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

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

Inherited from

ComponentPropsWithoutRef.fillOpacity


fillRule?

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

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

Inherited from

ComponentPropsWithoutRef.fillRule


filter?

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

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

Inherited from

ComponentPropsWithoutRef.filter


flex?

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

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

Inherited from

ComponentPropsWithoutRef.flex


flexBasis?

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

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

Inherited from

ComponentPropsWithoutRef.flexBasis


flexDir?

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

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

Inherited from

ComponentPropsWithoutRef.flexDir


flexDirection?

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

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

Inherited from

ComponentPropsWithoutRef.flexDirection


flexFlow?

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

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

Inherited from

ComponentPropsWithoutRef.flexFlow


flexGrow?

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

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

Inherited from

ComponentPropsWithoutRef.flexGrow


flexShrink?

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

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

Inherited from

ComponentPropsWithoutRef.flexShrink


flexWrap?

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

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

Inherited from

ComponentPropsWithoutRef.flexWrap


float?

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

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

Inherited from

ComponentPropsWithoutRef.float


floodColor?

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

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

Inherited from

ComponentPropsWithoutRef.floodColor


floodOpacity?

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

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

Inherited from

ComponentPropsWithoutRef.floodOpacity


focusRing?

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

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

Inherited from

ComponentPropsWithoutRef.focusRing


focusRingColor?

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

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

Inherited from

ComponentPropsWithoutRef.focusRingColor


focusRingOffset?

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

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

Inherited from

ComponentPropsWithoutRef.focusRingOffset


focusRingStyle?

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

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

Inherited from

ComponentPropsWithoutRef.focusRingStyle


focusRingWidth?

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

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

Inherited from

ComponentPropsWithoutRef.focusRingWidth


focusVisibleRing?

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

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

Inherited from

ComponentPropsWithoutRef.focusVisibleRing


font?

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

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

Inherited from

ComponentPropsWithoutRef.font


fontFamily?

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

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

Inherited from

ComponentPropsWithoutRef.fontFamily


fontFeatureSettings?

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

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

Inherited from

ComponentPropsWithoutRef.fontFeatureSettings


fontKerning?

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

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

Inherited from

ComponentPropsWithoutRef.fontKerning


fontLanguageOverride?

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

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

Inherited from

ComponentPropsWithoutRef.fontLanguageOverride


fontOpticalSizing?

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

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

Inherited from

ComponentPropsWithoutRef.fontOpticalSizing


fontPalette?

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

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

Inherited from

ComponentPropsWithoutRef.fontPalette


fontSize?

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

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

Inherited from

ComponentPropsWithoutRef.fontSize


fontSizeAdjust?

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

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

Inherited from

ComponentPropsWithoutRef.fontSizeAdjust


fontSmooth?

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

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

Inherited from

ComponentPropsWithoutRef.fontSmooth


fontStretch?

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

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

Inherited from

ComponentPropsWithoutRef.fontStretch


fontStyle?

optional fontStyle: ConditionalValue<undefined | readonly string[] | AnyString | FontStyle>

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

Inherited from

ComponentPropsWithoutRef.fontStyle


fontSynthesis?

optional fontSynthesis: ConditionalValue<undefined | readonly string[] | AnyString | FontSynthesis>

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

Inherited from

ComponentPropsWithoutRef.fontSynthesis


fontSynthesisPosition?

optional fontSynthesisPosition: ConditionalValue<undefined | AnyString | FontSynthesisPosition | readonly NonNullable<FontSynthesisPosition | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.fontSynthesisPosition


fontSynthesisSmallCaps?

optional fontSynthesisSmallCaps: ConditionalValue<undefined | AnyString | FontSynthesisSmallCaps | readonly NonNullable<FontSynthesisSmallCaps | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.fontSynthesisSmallCaps


fontSynthesisStyle?

optional fontSynthesisStyle: ConditionalValue<undefined | AnyString | FontSynthesisStyle | readonly NonNullable<FontSynthesisStyle | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.fontSynthesisStyle


fontSynthesisWeight?

optional fontSynthesisWeight: ConditionalValue<undefined | AnyString | FontSynthesisWeight | readonly NonNullable<FontSynthesisWeight | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.fontSynthesisWeight


fontVariant?

optional fontVariant: ConditionalValue<undefined | readonly string[] | AnyString | FontVariant>

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

Inherited from

ComponentPropsWithoutRef.fontVariant


fontVariantAlternates?

optional fontVariantAlternates: ConditionalValue<undefined | readonly string[] | AnyString | FontVariantAlternates>

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

Inherited from

ComponentPropsWithoutRef.fontVariantAlternates


fontVariantCaps?

optional fontVariantCaps: ConditionalValue<undefined | AnyString | FontVariantCaps | readonly NonNullable<FontVariantCaps | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.fontVariantCaps


fontVariantEastAsian?

optional fontVariantEastAsian: ConditionalValue<undefined | readonly string[] | AnyString | FontVariantEastAsian>

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

Inherited from

ComponentPropsWithoutRef.fontVariantEastAsian


fontVariantEmoji?

optional fontVariantEmoji: ConditionalValue<undefined | AnyString | FontVariantEmoji | readonly NonNullable<FontVariantEmoji | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.fontVariantEmoji


fontVariantLigatures?

optional fontVariantLigatures: ConditionalValue<undefined | readonly string[] | AnyString | FontVariantLigatures>

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

Inherited from

ComponentPropsWithoutRef.fontVariantLigatures


fontVariantNumeric?

optional fontVariantNumeric: ConditionalValue<undefined | readonly string[] | AnyString | FontVariantNumeric>

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

Inherited from

ComponentPropsWithoutRef.fontVariantNumeric


fontVariantPosition?

optional fontVariantPosition: ConditionalValue<undefined | AnyString | FontVariantPosition | readonly NonNullable<FontVariantPosition | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.fontVariantPosition


fontVariationSettings?

optional fontVariationSettings: ConditionalValue<undefined | readonly string[] | AnyString | FontVariationSettings>

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

Inherited from

ComponentPropsWithoutRef.fontVariationSettings


fontWeight?

optional fontWeight: ConditionalValue<undefined | "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<undefined | FontWeight>[]>

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

Inherited from

ComponentPropsWithoutRef.fontWeight


forcedColorAdjust?

optional forcedColorAdjust: ConditionalValue<undefined | AnyString | ForcedColorAdjust | readonly NonNullable<ForcedColorAdjust | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.forcedColorAdjust


form?

optional form: string

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

Inherited from

ComponentPropsWithoutRef.form


formAction?

optional formAction: string | (formData: FormData) => void | Promise<void>

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

Inherited from

ComponentPropsWithoutRef.formAction


formEncType?

optional formEncType: string

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

Inherited from

ComponentPropsWithoutRef.formEncType


formMethod?

optional formMethod: string

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

Inherited from

ComponentPropsWithoutRef.formMethod


formNoValidate?

optional formNoValidate: boolean

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

Inherited from

ComponentPropsWithoutRef.formNoValidate


formTarget?

optional formTarget: string

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

Inherited from

ComponentPropsWithoutRef.formTarget


gap?

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

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

Inherited from

ComponentPropsWithoutRef.gap


gapX?

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

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

Inherited from

ComponentPropsWithoutRef.gapX


gapY?

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

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

Inherited from

ComponentPropsWithoutRef.gapY


glyphOrientationVertical?

optional glyphOrientationVertical: ConditionalValue<undefined | AnyString | GlyphOrientationVertical | readonly NonNullable<GlyphOrientationVertical | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.glyphOrientationVertical


gradientFrom?

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

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

Inherited from

ComponentPropsWithoutRef.gradientFrom


gradientTo?

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

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

Inherited from

ComponentPropsWithoutRef.gradientTo


gradientVia?

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

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

Inherited from

ComponentPropsWithoutRef.gradientVia


grayscale?

optional grayscale: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.grayscale


grid?

optional grid: ConditionalValue<undefined | readonly string[] | AnyString | Grid>

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

Inherited from

ComponentPropsWithoutRef.grid


gridArea?

optional gridArea: ConditionalValue<undefined | AnyString | GridArea | readonly NonNullable<GridArea | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridArea


gridAutoColumns?

optional gridAutoColumns: ConditionalValue<undefined | AnyString | GridAutoColumns<String | Number> | readonly NonNullable<GridAutoColumns<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridAutoColumns


gridAutoFlow?

optional gridAutoFlow: ConditionalValue<undefined | readonly string[] | AnyString | GridAutoFlow>

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

Inherited from

ComponentPropsWithoutRef.gridAutoFlow


gridAutoRows?

optional gridAutoRows: ConditionalValue<undefined | AnyString | GridAutoRows<String | Number> | readonly NonNullable<GridAutoRows<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridAutoRows


gridColumn?

optional gridColumn: ConditionalValue<undefined | AnyString | GridColumn | readonly NonNullable<GridColumn | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridColumn


gridColumnEnd?

optional gridColumnEnd: ConditionalValue<undefined | AnyString | GridColumnEnd | readonly NonNullable<GridColumnEnd | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridColumnEnd


gridColumnGap?

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

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

Inherited from

ComponentPropsWithoutRef.gridColumnGap


gridColumnStart?

optional gridColumnStart: ConditionalValue<undefined | AnyString | GridColumnStart | readonly NonNullable<GridColumnStart | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridColumnStart


gridGap?

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

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

Inherited from

ComponentPropsWithoutRef.gridGap


gridRow?

optional gridRow: ConditionalValue<undefined | AnyString | GridRow | readonly NonNullable<GridRow | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridRow


gridRowEnd?

optional gridRowEnd: ConditionalValue<undefined | AnyString | GridRowEnd | readonly NonNullable<GridRowEnd | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridRowEnd


gridRowGap?

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

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

Inherited from

ComponentPropsWithoutRef.gridRowGap


gridRowStart?

optional gridRowStart: ConditionalValue<undefined | AnyString | GridRowStart | readonly NonNullable<GridRowStart | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridRowStart


gridTemplate?

optional gridTemplate: ConditionalValue<undefined | readonly string[] | AnyString | GridTemplate>

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

Inherited from

ComponentPropsWithoutRef.gridTemplate


gridTemplateAreas?

optional gridTemplateAreas: ConditionalValue<undefined | readonly string[] | AnyString | GridTemplateAreas>

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

Inherited from

ComponentPropsWithoutRef.gridTemplateAreas


gridTemplateColumns?

optional gridTemplateColumns: ConditionalValue<undefined | AnyString | GridTemplateColumns<String | Number> | readonly NonNullable<GridTemplateColumns<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridTemplateColumns


gridTemplateRows?

optional gridTemplateRows: ConditionalValue<undefined | AnyString | GridTemplateRows<String | Number> | readonly NonNullable<GridTemplateRows<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.gridTemplateRows


h?

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

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

Inherited from

ComponentPropsWithoutRef.h


hangingPunctuation?

optional hangingPunctuation: ConditionalValue<undefined | readonly string[] | AnyString | HangingPunctuation>

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

Inherited from

ComponentPropsWithoutRef.hangingPunctuation


height?

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

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

Inherited from

ComponentPropsWithoutRef.height


hidden?

optional hidden: boolean

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

Inherited from

ComponentPropsWithoutRef.hidden


hideBelow?

optional hideBelow: ConditionalValue<`var(--${string})` | AnyString | BreakpointsToken>

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

Inherited from

ComponentPropsWithoutRef.hideBelow


hideFrom?

optional hideFrom: ConditionalValue<`var(--${string})` | AnyString | BreakpointsToken>

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

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>

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

Inherited from

ComponentPropsWithoutRef.hueRotate


hyphenateCharacter?

optional hyphenateCharacter: ConditionalValue<undefined | readonly string[] | AnyString | HyphenateCharacter>

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

Inherited from

ComponentPropsWithoutRef.hyphenateCharacter


hyphenateLimitChars?

optional hyphenateLimitChars: ConditionalValue<undefined | AnyString | HyphenateLimitChars | readonly NonNullable<HyphenateLimitChars | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.hyphenateLimitChars


hyphens?

optional hyphens: ConditionalValue<undefined | AnyString | Hyphens | readonly NonNullable<Hyphens | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.hyphens


id?

optional id: string

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

Inherited from

ComponentPropsWithoutRef.id


imageOrientation?

optional imageOrientation: ConditionalValue<undefined | readonly string[] | AnyString | ImageOrientation>

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

Inherited from

ComponentPropsWithoutRef.imageOrientation


imageRendering?

optional imageRendering: ConditionalValue<undefined | AnyString | ImageRendering | readonly NonNullable<ImageRendering | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.imageRendering


imageResolution?

optional imageResolution: ConditionalValue<undefined | readonly string[] | AnyString | ImageResolution>

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

Inherited from

ComponentPropsWithoutRef.imageResolution


imeMode?

optional imeMode: ConditionalValue<undefined | AnyString | ImeMode | readonly NonNullable<ImeMode | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.imeMode


inert?

optional inert: boolean

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

See

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert

Inherited from

ComponentPropsWithoutRef.inert


initialLetter?

optional initialLetter: ConditionalValue<undefined | AnyString | InitialLetter | readonly NonNullable<InitialLetter | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.initialLetter


initialLetterAlign?

optional initialLetterAlign: ConditionalValue<undefined | String | AnyString>

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

Inherited from

ComponentPropsWithoutRef.initialLetterAlign


inlineSize?

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

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

Inherited from

ComponentPropsWithoutRef.inlineSize


inlist?

optional inlist: any

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

Inherited from

ComponentPropsWithoutRef.inlist


inputMode?

optional inputMode: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal"

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

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<undefined | `var(--${string})` | AnyString | SpacingToken | Inset<String | Number> | readonly NonNullable<Inset<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.inset


insetBlock?

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

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

Inherited from

ComponentPropsWithoutRef.insetBlock


insetBlockEnd?

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

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

Inherited from

ComponentPropsWithoutRef.insetBlockEnd


insetBlockStart?

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

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

Inherited from

ComponentPropsWithoutRef.insetBlockStart


insetEnd?

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

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

Inherited from

ComponentPropsWithoutRef.insetEnd


insetInline?

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

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

Inherited from

ComponentPropsWithoutRef.insetInline


insetInlineEnd?

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

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

Inherited from

ComponentPropsWithoutRef.insetInlineEnd


insetInlineStart?

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

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

Inherited from

ComponentPropsWithoutRef.insetInlineStart


insetStart?

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

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

Inherited from

ComponentPropsWithoutRef.insetStart


insetX?

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

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

Inherited from

ComponentPropsWithoutRef.insetX


insetY?

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

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

Inherited from

ComponentPropsWithoutRef.insetY


interpolateSize?

optional interpolateSize: any

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

Inherited from

ComponentPropsWithoutRef.interpolateSize


invert?

optional invert: ConditionalValue<string | number | AnyString>

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

Inherited from

ComponentPropsWithoutRef.invert


is?

optional is: string

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

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<undefined | AnyString | Isolation | readonly NonNullable<Isolation | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.isolation


itemID?

optional itemID: string

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

Inherited from

ComponentPropsWithoutRef.itemID


itemProp?

optional itemProp: string

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

Inherited from

ComponentPropsWithoutRef.itemProp


itemRef?

optional itemRef: string

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

Inherited from

ComponentPropsWithoutRef.itemRef


itemScope?

optional itemScope: boolean

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

Inherited from

ComponentPropsWithoutRef.itemScope


itemType?

optional itemType: string

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

Inherited from

ComponentPropsWithoutRef.itemType


justifyContent?

optional justifyContent: ConditionalValue<undefined | readonly string[] | AnyString | JustifyContent>

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

Inherited from

ComponentPropsWithoutRef.justifyContent


justifyItems?

optional justifyItems: ConditionalValue<undefined | readonly string[] | AnyString | JustifyItems>

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

Inherited from

ComponentPropsWithoutRef.justifyItems


justifySelf?

optional justifySelf: ConditionalValue<undefined | readonly string[] | AnyString | JustifySelf>

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

Inherited from

ComponentPropsWithoutRef.justifySelf


justifyTracks?

optional justifyTracks: ConditionalValue<undefined | readonly string[] | AnyString | JustifyTracks>

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

Inherited from

ComponentPropsWithoutRef.justifyTracks


key?

optional key: null | Key

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

Inherited from

ComponentPropsWithoutRef.key


label?

optional label: ReactNode

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

Visible text.

Inherited from

ActionWithRulesProps.label


lang?

optional lang: string

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

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">

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

Inherited from

ComponentPropsWithoutRef.layerStyle


left?

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

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

Inherited from

ComponentPropsWithoutRef.left


letterSpacing?

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

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

Inherited from

ComponentPropsWithoutRef.letterSpacing


level

level: number

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

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

Inherited from

ActionWithRulesProps.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<undefined | readonly string[] | AnyString | LightingColor>

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

Inherited from

ComponentPropsWithoutRef.lightingColor


lineBreak?

optional lineBreak: ConditionalValue<undefined | AnyString | LineBreak | readonly NonNullable<LineBreak | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.lineBreak


lineClamp?

optional lineClamp: ConditionalValue<undefined | AnyString | LineClamp | readonly NonNullable<LineClamp | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.lineClamp


lineHeight?

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

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

Inherited from

ComponentPropsWithoutRef.lineHeight


lineHeightStep?

optional lineHeightStep: ConditionalValue<undefined | AnyString | LineHeightStep<String | Number> | readonly NonNullable<LineHeightStep<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.lineHeightStep


listStyle?

optional listStyle: ConditionalValue<undefined | readonly string[] | AnyString | ListStyle>

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

Inherited from

ComponentPropsWithoutRef.listStyle


listStyleImage?

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

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

Inherited from

ComponentPropsWithoutRef.listStyleImage


listStyleImg?

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

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

Inherited from

ComponentPropsWithoutRef.listStyleImg


listStylePos?

optional listStylePos: ConditionalValue<undefined | AnyString | ListStylePosition | readonly NonNullable<ListStylePosition | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.listStylePos


listStylePosition?

optional listStylePosition: ConditionalValue<undefined | AnyString | ListStylePosition | readonly NonNullable<ListStylePosition | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.listStylePosition


listStyleType?

optional listStyleType: ConditionalValue<undefined | readonly string[] | AnyString | ListStyleType>

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

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<undefined | `var(--${string})` | AnyString | SpacingToken | Margin<String | Number> | readonly NonNullable<Margin<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.m


margin?

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

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

Inherited from

ComponentPropsWithoutRef.margin


marginBlock?

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

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

Inherited from

ComponentPropsWithoutRef.marginBlock


marginBlockEnd?

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

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

Inherited from

ComponentPropsWithoutRef.marginBlockEnd


marginBlockStart?

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

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

Inherited from

ComponentPropsWithoutRef.marginBlockStart


marginBottom?

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

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

Inherited from

ComponentPropsWithoutRef.marginBottom


marginEnd?

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

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

Inherited from

ComponentPropsWithoutRef.marginEnd


marginInline?

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

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

Inherited from

ComponentPropsWithoutRef.marginInline


marginInlineEnd?

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

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

Inherited from

ComponentPropsWithoutRef.marginInlineEnd


marginInlineStart?

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

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

Inherited from

ComponentPropsWithoutRef.marginInlineStart


marginLeft?

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

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

Inherited from

ComponentPropsWithoutRef.marginLeft


marginRight?

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

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

Inherited from

ComponentPropsWithoutRef.marginRight


marginStart?

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

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

Inherited from

ComponentPropsWithoutRef.marginStart


marginTop?

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

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

Inherited from

ComponentPropsWithoutRef.marginTop


marginTrim?

optional marginTrim: ConditionalValue<undefined | AnyString | MarginTrim | readonly NonNullable<MarginTrim | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.marginTrim


marginX?

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

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

Inherited from

ComponentPropsWithoutRef.marginX


marginY?

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

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

Inherited from

ComponentPropsWithoutRef.marginY


marker?

optional marker: ConditionalValue<undefined | readonly string[] | AnyString | Marker>

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

Inherited from

ComponentPropsWithoutRef.marker


markerEnd?

optional markerEnd: ConditionalValue<undefined | readonly string[] | AnyString | MarkerEnd>

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

Inherited from

ComponentPropsWithoutRef.markerEnd


markerMid?

optional markerMid: ConditionalValue<undefined | readonly string[] | AnyString | MarkerMid>

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

Inherited from

ComponentPropsWithoutRef.markerMid


markerStart?

optional markerStart: ConditionalValue<undefined | readonly string[] | AnyString | MarkerStart>

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

Inherited from

ComponentPropsWithoutRef.markerStart


mask?

optional mask: ConditionalValue<undefined | AnyString | Mask<String | Number> | readonly NonNullable<Mask<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.mask


maskBorder?

optional maskBorder: ConditionalValue<undefined | AnyString | MaskBorder | readonly NonNullable<MaskBorder | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maskBorder


maskBorderMode?

optional maskBorderMode: ConditionalValue<undefined | AnyString | MaskBorderMode | readonly NonNullable<MaskBorderMode | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maskBorderMode


maskBorderOutset?

optional maskBorderOutset: ConditionalValue<undefined | AnyString | MaskBorderOutset<String | Number> | readonly NonNullable<MaskBorderOutset<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maskBorderOutset


maskBorderRepeat?

optional maskBorderRepeat: ConditionalValue<undefined | readonly string[] | AnyString | MaskBorderRepeat>

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

Inherited from

ComponentPropsWithoutRef.maskBorderRepeat


maskBorderSlice?

optional maskBorderSlice: ConditionalValue<undefined | AnyString | MaskBorderSlice | readonly NonNullable<MaskBorderSlice | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maskBorderSlice


maskBorderSource?

optional maskBorderSource: ConditionalValue<undefined | readonly string[] | AnyString | MaskBorderSource>

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

Inherited from

ComponentPropsWithoutRef.maskBorderSource


maskBorderWidth?

optional maskBorderWidth: ConditionalValue<undefined | AnyString | MaskBorderWidth<String | Number> | readonly NonNullable<MaskBorderWidth<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maskBorderWidth


maskClip?

optional maskClip: ConditionalValue<undefined | readonly string[] | AnyString | MaskClip>

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

Inherited from

ComponentPropsWithoutRef.maskClip


maskComposite?

optional maskComposite: ConditionalValue<undefined | readonly string[] | AnyString | MaskComposite>

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

Inherited from

ComponentPropsWithoutRef.maskComposite


maskImage?

optional maskImage: ConditionalValue<undefined | readonly string[] | AnyString | MaskImage>

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

Inherited from

ComponentPropsWithoutRef.maskImage


maskMode?

optional maskMode: ConditionalValue<undefined | readonly string[] | AnyString | MaskMode>

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

Inherited from

ComponentPropsWithoutRef.maskMode


maskOrigin?

optional maskOrigin: ConditionalValue<undefined | readonly string[] | AnyString | MaskOrigin>

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

Inherited from

ComponentPropsWithoutRef.maskOrigin


maskPosition?

optional maskPosition: ConditionalValue<undefined | AnyString | MaskPosition<String | Number> | readonly NonNullable<MaskPosition<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maskPosition


maskRepeat?

optional maskRepeat: ConditionalValue<undefined | readonly string[] | AnyString | MaskRepeat>

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

Inherited from

ComponentPropsWithoutRef.maskRepeat


maskSize?

optional maskSize: ConditionalValue<undefined | AnyString | MaskSize<String | Number> | readonly NonNullable<MaskSize<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maskSize


maskType?

optional maskType: ConditionalValue<undefined | AnyString | MaskType | readonly NonNullable<MaskType | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maskType


masonryAutoFlow?

optional masonryAutoFlow: ConditionalValue<undefined | readonly string[] | AnyString | MasonryAutoFlow>

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

Inherited from

ComponentPropsWithoutRef.masonryAutoFlow


mathDepth?

optional mathDepth: ConditionalValue<undefined | AnyString | MathDepth | readonly NonNullable<MathDepth | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.mathDepth


mathShift?

optional mathShift: ConditionalValue<undefined | AnyString | MathShift | readonly NonNullable<MathShift | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.mathShift


mathStyle?

optional mathStyle: ConditionalValue<undefined | AnyString | MathStyle | readonly NonNullable<MathStyle | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.mathStyle


maxBlockSize?

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

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

Inherited from

ComponentPropsWithoutRef.maxBlockSize


maxH?

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

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

Inherited from

ComponentPropsWithoutRef.maxH


maxHeight?

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

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

Inherited from

ComponentPropsWithoutRef.maxHeight


maxInlineSize?

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

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

Inherited from

ComponentPropsWithoutRef.maxInlineSize


maxLines?

optional maxLines: ConditionalValue<undefined | AnyString | MaxLines | readonly NonNullable<MaxLines | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.maxLines


maxW?

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

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

Inherited from

ComponentPropsWithoutRef.maxW


maxWidth?

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

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

Inherited from

ComponentPropsWithoutRef.maxWidth


mb?

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

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

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<undefined | `var(--${string})` | AnyString | SpacingToken | MarginInlineEnd<String | Number> | readonly NonNullable<MarginInlineEnd<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.me


minBlockSize?

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

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

Inherited from

ComponentPropsWithoutRef.minBlockSize


minH?

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

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

Inherited from

ComponentPropsWithoutRef.minH


minHeight?

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

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

Inherited from

ComponentPropsWithoutRef.minHeight


minInlineSize?

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

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

Inherited from

ComponentPropsWithoutRef.minInlineSize


minW?

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

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

Inherited from

ComponentPropsWithoutRef.minW


minWidth?

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

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

Inherited from

ComponentPropsWithoutRef.minWidth


mixBlendMode?

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

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

Inherited from

ComponentPropsWithoutRef.mixBlendMode


ml?

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

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

Inherited from

ComponentPropsWithoutRef.ml


mr?

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

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

Inherited from

ComponentPropsWithoutRef.mr


ms?

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

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

Inherited from

ComponentPropsWithoutRef.ms


mt?

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

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

Inherited from

ComponentPropsWithoutRef.mt


mx?

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

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

Inherited from

ComponentPropsWithoutRef.mx


my?

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

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

Inherited from

ComponentPropsWithoutRef.my


name?

optional name: string

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

Inherited from

ComponentPropsWithoutRef.name


nonce?

optional nonce: string

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

Inherited from

ComponentPropsWithoutRef.nonce


objectFit?

optional objectFit: ConditionalValue<undefined | AnyString | ObjectFit | readonly NonNullable<ObjectFit | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.objectFit


objectPosition?

optional objectPosition: ConditionalValue<undefined | AnyString | ObjectPosition<String | Number> | readonly NonNullable<ObjectPosition<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.objectPosition


offset?

optional offset: ConditionalValue<undefined | AnyString | Offset<String | Number> | readonly NonNullable<Offset<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.offset


offsetAnchor?

optional offsetAnchor: ConditionalValue<undefined | AnyString | OffsetAnchor<String | Number> | readonly NonNullable<OffsetAnchor<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.offsetAnchor


offsetDistance?

optional offsetDistance: ConditionalValue<undefined | AnyString | OffsetDistance<String | Number> | readonly NonNullable<OffsetDistance<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.offsetDistance


offsetPath?

optional offsetPath: ConditionalValue<undefined | readonly string[] | AnyString | OffsetPath>

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

Inherited from

ComponentPropsWithoutRef.offsetPath


offsetPosition?

optional offsetPosition: ConditionalValue<undefined | AnyString | OffsetPosition<String | Number> | readonly NonNullable<OffsetPosition<String | Number> | undefined>[]>

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

Inherited from

ComponentPropsWithoutRef.offsetPosition


offsetRotate?

optional offsetRotate: ConditionalValue<undefined | readonly string[] | AnyString | OffsetRotate>

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

Inherited from

ComponentPropsWithoutRef.offsetRotate


onAbort?

optional onAbort: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAbort


onAbortCapture?

optional onAbortCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAbortCapture


onAnimationEnd?

optional onAnimationEnd: AnimationEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAnimationEnd


onAnimationEndCapture?

optional onAnimationEndCapture: AnimationEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAnimationEndCapture


onAnimationIteration?

optional onAnimationIteration: AnimationEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAnimationIteration


onAnimationIterationCapture?

optional onAnimationIterationCapture: AnimationEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAnimationIterationCapture


onAnimationStart?

optional onAnimationStart: AnimationEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAnimationStart


onAnimationStartCapture?

optional onAnimationStartCapture: AnimationEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAnimationStartCapture


onAuxClick?

optional onAuxClick: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAuxClick


onAuxClickCapture?

optional onAuxClickCapture: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onAuxClickCapture


onBeforeInput?

optional onBeforeInput: FormEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onBeforeInput


onBeforeInputCapture?

optional onBeforeInputCapture: FormEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onBeforeInputCapture


onBeforeToggle?

optional onBeforeToggle: ToggleEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onBeforeToggle


onBlur?

optional onBlur: FocusEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onBlur


onBlurCapture?

optional onBlurCapture: FocusEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onBlurCapture


onCanPlay?

optional onCanPlay: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCanPlay


onCanPlayCapture?

optional onCanPlayCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCanPlayCapture


onCanPlayThrough?

optional onCanPlayThrough: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCanPlayThrough


onCanPlayThroughCapture?

optional onCanPlayThroughCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCanPlayThroughCapture


onChange?

optional onChange: FormEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onChange


onChangeCapture?

optional onChangeCapture: FormEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onChangeCapture


onClick?

optional onClick: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onClick


onClickCapture?

optional onClickCapture: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onClickCapture


onCompositionEnd?

optional onCompositionEnd: CompositionEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCompositionEnd


onCompositionEndCapture?

optional onCompositionEndCapture: CompositionEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCompositionEndCapture


onCompositionStart?

optional onCompositionStart: CompositionEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCompositionStart


onCompositionStartCapture?

optional onCompositionStartCapture: CompositionEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCompositionStartCapture


onCompositionUpdate?

optional onCompositionUpdate: CompositionEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCompositionUpdate


onCompositionUpdateCapture?

optional onCompositionUpdateCapture: CompositionEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCompositionUpdateCapture


onContextMenu?

optional onContextMenu: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onContextMenu


onContextMenuCapture?

optional onContextMenuCapture: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onContextMenuCapture


onCopy?

optional onCopy: ClipboardEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCopy


onCopyCapture?

optional onCopyCapture: ClipboardEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCopyCapture


onCut?

optional onCut: ClipboardEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCut


onCutCapture?

optional onCutCapture: ClipboardEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onCutCapture


onDoubleClick?

optional onDoubleClick: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDoubleClick


onDoubleClickCapture?

optional onDoubleClickCapture: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDoubleClickCapture


onDrag?

optional onDrag: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDrag


onDragCapture?

optional onDragCapture: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragCapture


onDragEnd?

optional onDragEnd: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragEnd


onDragEndCapture?

optional onDragEndCapture: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragEndCapture


onDragEnter?

optional onDragEnter: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragEnter


onDragEnterCapture?

optional onDragEnterCapture: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragEnterCapture


onDragExit?

optional onDragExit: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragExit


onDragExitCapture?

optional onDragExitCapture: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragExitCapture


onDragLeave?

optional onDragLeave: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragLeave


onDragLeaveCapture?

optional onDragLeaveCapture: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragLeaveCapture


onDragOver?

optional onDragOver: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragOver


onDragOverCapture?

optional onDragOverCapture: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragOverCapture


onDragStart?

optional onDragStart: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragStart


onDragStartCapture?

optional onDragStartCapture: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDragStartCapture


onDrop?

optional onDrop: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDrop


onDropCapture?

optional onDropCapture: DragEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDropCapture


onDurationChange?

optional onDurationChange: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDurationChange


onDurationChangeCapture?

optional onDurationChangeCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onDurationChangeCapture


onEmptied?

optional onEmptied: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onEmptied


onEmptiedCapture?

optional onEmptiedCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onEmptiedCapture


onEncrypted?

optional onEncrypted: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onEncrypted


onEncryptedCapture?

optional onEncryptedCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onEncryptedCapture


onEnded?

optional onEnded: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onEnded


onEndedCapture?

optional onEndedCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onEndedCapture


onError?

optional onError: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onError


onErrorCapture?

optional onErrorCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onErrorCapture


onFocus?

optional onFocus: FocusEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onFocus


onFocusCapture?

optional onFocusCapture: FocusEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onFocusCapture


onGotPointerCapture?

optional onGotPointerCapture: PointerEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onGotPointerCapture


onGotPointerCaptureCapture?

optional onGotPointerCaptureCapture: PointerEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onGotPointerCaptureCapture


onInput?

optional onInput: FormEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onInput


onInputCapture?

optional onInputCapture: FormEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onInputCapture


onInvalid?

optional onInvalid: FormEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onInvalid


onInvalidCapture?

optional onInvalidCapture: FormEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onInvalidCapture


onKeyDown?

optional onKeyDown: KeyboardEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onKeyDown


onKeyDownCapture?

optional onKeyDownCapture: KeyboardEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onKeyDownCapture


onKeyPress?

optional onKeyPress: KeyboardEventHandler<HTMLButtonElement>

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

Deprecated

Use onKeyUp or onKeyDown instead

Inherited from

ComponentPropsWithoutRef.onKeyPress


onKeyPressCapture?

optional onKeyPressCapture: KeyboardEventHandler<HTMLButtonElement>

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

Deprecated

Use onKeyUpCapture or onKeyDownCapture instead

Inherited from

ComponentPropsWithoutRef.onKeyPressCapture


onKeyUp?

optional onKeyUp: KeyboardEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onKeyUp


onKeyUpCapture?

optional onKeyUpCapture: KeyboardEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onKeyUpCapture


onLoad?

optional onLoad: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLoad


onLoadCapture?

optional onLoadCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLoadCapture


onLoadedData?

optional onLoadedData: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLoadedData


onLoadedDataCapture?

optional onLoadedDataCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLoadedDataCapture


onLoadedMetadata?

optional onLoadedMetadata: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLoadedMetadata


onLoadedMetadataCapture?

optional onLoadedMetadataCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLoadedMetadataCapture


onLoadStart?

optional onLoadStart: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLoadStart


onLoadStartCapture?

optional onLoadStartCapture: ReactEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLoadStartCapture


onLostPointerCapture?

optional onLostPointerCapture: PointerEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLostPointerCapture


onLostPointerCaptureCapture?

optional onLostPointerCaptureCapture: PointerEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onLostPointerCaptureCapture


onMouseDown?

optional onMouseDown: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseDown


onMouseDownCapture?

optional onMouseDownCapture: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseDownCapture


onMouseEnter?

optional onMouseEnter: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseEnter


onMouseLeave?

optional onMouseLeave: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseLeave


onMouseMove?

optional onMouseMove: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseMove


onMouseMoveCapture?

optional onMouseMoveCapture: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseMoveCapture


onMouseOut?

optional onMouseOut: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseOut


onMouseOutCapture?

optional onMouseOutCapture: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseOutCapture


onMouseOver?

optional onMouseOver: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseOver


onMouseOverCapture?

optional onMouseOverCapture: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseOverCapture


onMouseUp?

optional onMouseUp: MouseEventHandler<HTMLButtonElement>

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

Inherited from

ComponentPropsWithoutRef.onMouseUp


onMouseUpCapture?

optional onMouseUpCapture: MouseEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2293

Inherited from

ComponentPropsWithoutRef.onMouseUpCapture


onPaste?

optional onPaste: ClipboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2164

Inherited from

ComponentPropsWithoutRef.onPaste


onPasteCapture?

optional onPasteCapture: ClipboardEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2165

Inherited from

ComponentPropsWithoutRef.onPasteCapture


onPause?

optional onPause: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2232

Inherited from

ComponentPropsWithoutRef.onPause


onPauseCapture?

optional onPauseCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2233

Inherited from

ComponentPropsWithoutRef.onPauseCapture


onPlay?

optional onPlay: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2234

Inherited from

ComponentPropsWithoutRef.onPlay


onPlayCapture?

optional onPlayCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2235

Inherited from

ComponentPropsWithoutRef.onPlayCapture


onPlaying?

optional onPlaying: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2236

Inherited from

ComponentPropsWithoutRef.onPlaying


onPlayingCapture?

optional onPlayingCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2237

Inherited from

ComponentPropsWithoutRef.onPlayingCapture


onPointerCancel?

optional onPointerCancel: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2316

Inherited from

ComponentPropsWithoutRef.onPointerCancel


onPointerCancelCapture?

optional onPointerCancelCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2317

Inherited from

ComponentPropsWithoutRef.onPointerCancelCapture


onPointerDown?

optional onPointerDown: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2310

Inherited from

ComponentPropsWithoutRef.onPointerDown


onPointerDownCapture?

optional onPointerDownCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2311

Inherited from

ComponentPropsWithoutRef.onPointerDownCapture


onPointerEnter?

optional onPointerEnter: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2318

Inherited from

ComponentPropsWithoutRef.onPointerEnter


onPointerLeave?

optional onPointerLeave: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2319

Inherited from

ComponentPropsWithoutRef.onPointerLeave


onPointerMove?

optional onPointerMove: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2312

Inherited from

ComponentPropsWithoutRef.onPointerMove


onPointerMoveCapture?

optional onPointerMoveCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2313

Inherited from

ComponentPropsWithoutRef.onPointerMoveCapture


onPointerOut?

optional onPointerOut: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2322

Inherited from

ComponentPropsWithoutRef.onPointerOut


onPointerOutCapture?

optional onPointerOutCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2323

Inherited from

ComponentPropsWithoutRef.onPointerOutCapture


onPointerOver?

optional onPointerOver: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2320

Inherited from

ComponentPropsWithoutRef.onPointerOver


onPointerOverCapture?

optional onPointerOverCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2321

Inherited from

ComponentPropsWithoutRef.onPointerOverCapture


onPointerUp?

optional onPointerUp: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2314

Inherited from

ComponentPropsWithoutRef.onPointerUp


onPointerUpCapture?

optional onPointerUpCapture: PointerEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2315

Inherited from

ComponentPropsWithoutRef.onPointerUpCapture


onProgress?

optional onProgress: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2238

Inherited from

ComponentPropsWithoutRef.onProgress


onProgressCapture?

optional onProgressCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2239

Inherited from

ComponentPropsWithoutRef.onProgressCapture


onRateChange?

optional onRateChange: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2240

Inherited from

ComponentPropsWithoutRef.onRateChange


onRateChangeCapture?

optional onRateChangeCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2241

Inherited from

ComponentPropsWithoutRef.onRateChangeCapture


onReset?

optional onReset: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2188

Inherited from

ComponentPropsWithoutRef.onReset


onResetCapture?

optional onResetCapture: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2189

Inherited from

ComponentPropsWithoutRef.onResetCapture


onScroll?

optional onScroll: UIEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2330

Inherited from

ComponentPropsWithoutRef.onScroll


onScrollCapture?

optional onScrollCapture: UIEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2331

Inherited from

ComponentPropsWithoutRef.onScrollCapture


onScrollEnd?

optional onScrollEnd: UIEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2332

Inherited from

ComponentPropsWithoutRef.onScrollEnd


onScrollEndCapture?

optional onScrollEndCapture: UIEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2333

Inherited from

ComponentPropsWithoutRef.onScrollEndCapture


onSeeked?

optional onSeeked: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2242

Inherited from

ComponentPropsWithoutRef.onSeeked


onSeekedCapture?

optional onSeekedCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2243

Inherited from

ComponentPropsWithoutRef.onSeekedCapture


onSeeking?

optional onSeeking: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2244

Inherited from

ComponentPropsWithoutRef.onSeeking


onSeekingCapture?

optional onSeekingCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2245

Inherited from

ComponentPropsWithoutRef.onSeekingCapture


onSelect?

optional onSelect: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2296

Inherited from

ComponentPropsWithoutRef.onSelect


onSelectCapture?

optional onSelectCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2297

Inherited from

ComponentPropsWithoutRef.onSelectCapture


onStalled?

optional onStalled: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2246

Inherited from

ComponentPropsWithoutRef.onStalled


onStalledCapture?

optional onStalledCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2247

Inherited from

ComponentPropsWithoutRef.onStalledCapture


onSubmit?

optional onSubmit: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2190

Inherited from

ComponentPropsWithoutRef.onSubmit


onSubmitCapture?

optional onSubmitCapture: FormEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2191

Inherited from

ComponentPropsWithoutRef.onSubmitCapture


onSuspend?

optional onSuspend: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2248

Inherited from

ComponentPropsWithoutRef.onSuspend


onSuspendCapture?

optional onSuspendCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2249

Inherited from

ComponentPropsWithoutRef.onSuspendCapture


onTimeUpdate?

optional onTimeUpdate: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2250

Inherited from

ComponentPropsWithoutRef.onTimeUpdate


onTimeUpdateCapture?

optional onTimeUpdateCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2251

Inherited from

ComponentPropsWithoutRef.onTimeUpdateCapture


onToggle?

optional onToggle: ToggleEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2348

Inherited from

ComponentPropsWithoutRef.onToggle


onTouchCancel?

optional onTouchCancel: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2300

Inherited from

ComponentPropsWithoutRef.onTouchCancel


onTouchCancelCapture?

optional onTouchCancelCapture: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2301

Inherited from

ComponentPropsWithoutRef.onTouchCancelCapture


onTouchEnd?

optional onTouchEnd: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2302

Inherited from

ComponentPropsWithoutRef.onTouchEnd


onTouchEndCapture?

optional onTouchEndCapture: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2303

Inherited from

ComponentPropsWithoutRef.onTouchEndCapture


onTouchMove?

optional onTouchMove: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2304

Inherited from

ComponentPropsWithoutRef.onTouchMove


onTouchMoveCapture?

optional onTouchMoveCapture: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2305

Inherited from

ComponentPropsWithoutRef.onTouchMoveCapture


onTouchStart?

optional onTouchStart: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2306

Inherited from

ComponentPropsWithoutRef.onTouchStart


onTouchStartCapture?

optional onTouchStartCapture: TouchEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2307

Inherited from

ComponentPropsWithoutRef.onTouchStartCapture


onTransitionCancel?

optional onTransitionCancel: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2352

Inherited from

ComponentPropsWithoutRef.onTransitionCancel


onTransitionCancelCapture?

optional onTransitionCancelCapture: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2353

Inherited from

ComponentPropsWithoutRef.onTransitionCancelCapture


onTransitionEnd?

optional onTransitionEnd: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2354

Inherited from

ComponentPropsWithoutRef.onTransitionEnd


onTransitionEndCapture?

optional onTransitionEndCapture: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2355

Inherited from

ComponentPropsWithoutRef.onTransitionEndCapture


onTransitionRun?

optional onTransitionRun: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2356

Inherited from

ComponentPropsWithoutRef.onTransitionRun


onTransitionRunCapture?

optional onTransitionRunCapture: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2357

Inherited from

ComponentPropsWithoutRef.onTransitionRunCapture


onTransitionStart?

optional onTransitionStart: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2358

Inherited from

ComponentPropsWithoutRef.onTransitionStart


onTransitionStartCapture?

optional onTransitionStartCapture: TransitionEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2359

Inherited from

ComponentPropsWithoutRef.onTransitionStartCapture


onVolumeChange?

optional onVolumeChange: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2252

Inherited from

ComponentPropsWithoutRef.onVolumeChange


onVolumeChangeCapture?

optional onVolumeChangeCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2253

Inherited from

ComponentPropsWithoutRef.onVolumeChangeCapture


onWaiting?

optional onWaiting: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2254

Inherited from

ComponentPropsWithoutRef.onWaiting


onWaitingCapture?

optional onWaitingCapture: ReactEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2255

Inherited from

ComponentPropsWithoutRef.onWaitingCapture


onWheel?

optional onWheel: WheelEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2336

Inherited from

ComponentPropsWithoutRef.onWheel


onWheelCapture?

optional onWheelCapture: WheelEventHandler<HTMLButtonElement>

Defined in: node_modules/@types/react/index.d.ts:2337

Inherited from

ComponentPropsWithoutRef.onWheelCapture


opacity?

optional opacity: ConditionalValue<undefined | `var(--${string})` | AnyString | Opacity | readonly NonNullable<Opacity | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:354

Inherited from

ComponentPropsWithoutRef.opacity


order?

optional order: ConditionalValue<undefined | AnyString | Order | readonly NonNullable<Order | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:355

Inherited from

ComponentPropsWithoutRef.order


orphans?

optional orphans: ConditionalValue<undefined | AnyString | Orphans | readonly NonNullable<Orphans | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:356

Inherited from

ComponentPropsWithoutRef.orphans


outline?

optional outline: ConditionalValue<undefined | AnyString | Outline<String | Number> | readonly NonNullable<Outline<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:357

Inherited from

ComponentPropsWithoutRef.outline


outlineColor?

optional outlineColor: ConditionalValue<undefined | readonly string[] | string & { } | "current" | "border" | "bg" | "invert" | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:358

Inherited from

ComponentPropsWithoutRef.outlineColor


outlineOffset?

optional outlineOffset: ConditionalValue<undefined | AnyString | OutlineOffset<String | Number> | readonly NonNullable<OutlineOffset<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:359

Inherited from

ComponentPropsWithoutRef.outlineOffset


outlineStyle?

optional outlineStyle: ConditionalValue<undefined | readonly string[] | AnyString | OutlineStyle>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:360

Inherited from

ComponentPropsWithoutRef.outlineStyle


outlineWidth?

optional outlineWidth: ConditionalValue<undefined | AnyString | OutlineWidth<String | Number> | readonly NonNullable<OutlineWidth<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:361

Inherited from

ComponentPropsWithoutRef.outlineWidth


overflow?

optional overflow: ConditionalValue<undefined | readonly string[] | AnyString | Overflow>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:362

Inherited from

ComponentPropsWithoutRef.overflow


overflowAnchor?

optional overflowAnchor: ConditionalValue<undefined | AnyString | OverflowAnchor | readonly NonNullable<OverflowAnchor | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:363

Inherited from

ComponentPropsWithoutRef.overflowAnchor


overflowBlock?

optional overflowBlock: ConditionalValue<undefined | AnyString | OverflowBlock | readonly NonNullable<OverflowBlock | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:364

Inherited from

ComponentPropsWithoutRef.overflowBlock


overflowClipBox?

optional overflowClipBox: ConditionalValue<undefined | AnyString | OverflowClipBox | readonly NonNullable<OverflowClipBox | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:365

Inherited from

ComponentPropsWithoutRef.overflowClipBox


overflowClipMargin?

optional overflowClipMargin: ConditionalValue<undefined | AnyString | OverflowClipMargin<String | Number> | readonly NonNullable<OverflowClipMargin<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:366

Inherited from

ComponentPropsWithoutRef.overflowClipMargin


overflowInline?

optional overflowInline: ConditionalValue<undefined | AnyString | OverflowInline | readonly NonNullable<OverflowInline | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:367

Inherited from

ComponentPropsWithoutRef.overflowInline


overflowWrap?

optional overflowWrap: ConditionalValue<undefined | AnyString | OverflowWrap | readonly NonNullable<OverflowWrap | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:368

Inherited from

ComponentPropsWithoutRef.overflowWrap


overflowX?

optional overflowX: ConditionalValue<undefined | AnyString | OverflowX | readonly NonNullable<OverflowX | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:369

Inherited from

ComponentPropsWithoutRef.overflowX


overflowY?

optional overflowY: ConditionalValue<undefined | AnyString | OverflowY | readonly NonNullable<OverflowY | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:370

Inherited from

ComponentPropsWithoutRef.overflowY


overlay?

optional overlay: ConditionalValue<undefined | AnyString | Overlay | readonly NonNullable<Overlay | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:371

Inherited from

ComponentPropsWithoutRef.overlay


overscroll?

optional overscroll: ConditionalValue<undefined | readonly string[] | AnyString | OverscrollBehavior>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:603

Inherited from

ComponentPropsWithoutRef.overscroll


overscrollBehavior?

optional overscrollBehavior: ConditionalValue<undefined | readonly string[] | AnyString | OverscrollBehavior>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:372

Inherited from

ComponentPropsWithoutRef.overscrollBehavior


overscrollBehaviorBlock?

optional overscrollBehaviorBlock: ConditionalValue<undefined | AnyString | OverscrollBehaviorBlock | readonly NonNullable<OverscrollBehaviorBlock | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:373

Inherited from

ComponentPropsWithoutRef.overscrollBehaviorBlock


overscrollBehaviorInline?

optional overscrollBehaviorInline: ConditionalValue<undefined | AnyString | OverscrollBehaviorInline | readonly NonNullable<OverscrollBehaviorInline | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:374

Inherited from

ComponentPropsWithoutRef.overscrollBehaviorInline


overscrollBehaviorX?

optional overscrollBehaviorX: ConditionalValue<undefined | AnyString | OverscrollBehaviorX | readonly NonNullable<OverscrollBehaviorX | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:375

Inherited from

ComponentPropsWithoutRef.overscrollBehaviorX


overscrollBehaviorY?

optional overscrollBehaviorY: ConditionalValue<undefined | AnyString | OverscrollBehaviorY | readonly NonNullable<OverscrollBehaviorY | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:376

Inherited from

ComponentPropsWithoutRef.overscrollBehaviorY


overscrollX?

optional overscrollX: ConditionalValue<undefined | AnyString | OverscrollBehaviorX | readonly NonNullable<OverscrollBehaviorX | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:604

Inherited from

ComponentPropsWithoutRef.overscrollX


overscrollY?

optional overscrollY: ConditionalValue<undefined | AnyString | OverscrollBehaviorY | readonly NonNullable<OverscrollBehaviorY | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:605

Inherited from

ComponentPropsWithoutRef.overscrollY


p?

optional p: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | Padding<String | Number> | readonly NonNullable<Padding<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:628

Inherited from

ComponentPropsWithoutRef.p


padding?

optional padding: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | Padding<String | Number> | readonly NonNullable<Padding<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:377

Inherited from

ComponentPropsWithoutRef.padding


paddingBlock?

optional paddingBlock: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingBlock<String | Number> | readonly NonNullable<PaddingBlock<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:378

Inherited from

ComponentPropsWithoutRef.paddingBlock


paddingBlockEnd?

optional paddingBlockEnd: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingBlockEnd<String | Number> | readonly NonNullable<PaddingBlockEnd<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:379

Inherited from

ComponentPropsWithoutRef.paddingBlockEnd


paddingBlockStart?

optional paddingBlockStart: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingBlockStart<String | Number> | readonly NonNullable<PaddingBlockStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:380

Inherited from

ComponentPropsWithoutRef.paddingBlockStart


paddingBottom?

optional paddingBottom: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingBottom<String | Number> | readonly NonNullable<PaddingBottom<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:381

Inherited from

ComponentPropsWithoutRef.paddingBottom


paddingEnd?

optional paddingEnd: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInlineEnd<String | Number> | readonly NonNullable<PaddingInlineEnd<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:636

Inherited from

ComponentPropsWithoutRef.paddingEnd


paddingInline?

optional paddingInline: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInline<String | Number> | readonly NonNullable<PaddingInline<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:382

Inherited from

ComponentPropsWithoutRef.paddingInline


paddingInlineEnd?

optional paddingInlineEnd: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInlineEnd<String | Number> | readonly NonNullable<PaddingInlineEnd<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:383

Inherited from

ComponentPropsWithoutRef.paddingInlineEnd


paddingInlineStart?

optional paddingInlineStart: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInlineStart<String | Number> | readonly NonNullable<PaddingInlineStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:384

Inherited from

ComponentPropsWithoutRef.paddingInlineStart


paddingLeft?

optional paddingLeft: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingLeft<String | Number> | readonly NonNullable<PaddingLeft<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:385

Inherited from

ComponentPropsWithoutRef.paddingLeft


paddingRight?

optional paddingRight: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingRight<String | Number> | readonly NonNullable<PaddingRight<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:386

Inherited from

ComponentPropsWithoutRef.paddingRight


paddingStart?

optional paddingStart: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInlineStart<String | Number> | readonly NonNullable<PaddingInlineStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:634

Inherited from

ComponentPropsWithoutRef.paddingStart


paddingTop?

optional paddingTop: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingTop<String | Number> | readonly NonNullable<PaddingTop<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:387

Inherited from

ComponentPropsWithoutRef.paddingTop


paddingX?

optional paddingX: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInline<String | Number> | readonly NonNullable<PaddingInline<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:638

Inherited from

ComponentPropsWithoutRef.paddingX


paddingY?

optional paddingY: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingBlock<String | Number> | readonly NonNullable<PaddingBlock<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:640

Inherited from

ComponentPropsWithoutRef.paddingY


page?

optional page: ConditionalValue<undefined | readonly string[] | AnyString | Page>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:388

Inherited from

ComponentPropsWithoutRef.page


pageBreakAfter?

optional pageBreakAfter: ConditionalValue<undefined | AnyString | PageBreakAfter | readonly NonNullable<PageBreakAfter | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:389

Inherited from

ComponentPropsWithoutRef.pageBreakAfter


pageBreakBefore?

optional pageBreakBefore: ConditionalValue<undefined | AnyString | PageBreakBefore | readonly NonNullable<PageBreakBefore | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:390

Inherited from

ComponentPropsWithoutRef.pageBreakBefore


pageBreakInside?

optional pageBreakInside: ConditionalValue<undefined | AnyString | PageBreakInside | readonly NonNullable<PageBreakInside | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:391

Inherited from

ComponentPropsWithoutRef.pageBreakInside


paintOrder?

optional paintOrder: ConditionalValue<undefined | readonly string[] | AnyString | PaintOrder>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:392

Inherited from

ComponentPropsWithoutRef.paintOrder


part?

optional part: string

Defined in: node_modules/@types/react/index.d.ts:2757

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/propsUsingReact.ts:60

Path to this subcomponent's rule/group within the query.

Inherited from

ActionWithRulesProps.path


pb?

optional pb: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingBottom<String | Number> | readonly NonNullable<PaddingBottom<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:631

Inherited from

ComponentPropsWithoutRef.pb


pe?

optional pe: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInlineEnd<String | Number> | readonly NonNullable<PaddingInlineEnd<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:635

Inherited from

ComponentPropsWithoutRef.pe


perspective?

optional perspective: ConditionalValue<undefined | AnyString | Perspective<String | Number> | readonly NonNullable<Perspective<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:393

Inherited from

ComponentPropsWithoutRef.perspective


perspectiveOrigin?

optional perspectiveOrigin: ConditionalValue<undefined | AnyString | PerspectiveOrigin<String | Number> | readonly NonNullable<PerspectiveOrigin<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:394

Inherited from

ComponentPropsWithoutRef.perspectiveOrigin


pl?

optional pl: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingLeft<String | Number> | readonly NonNullable<PaddingLeft<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:632

Inherited from

ComponentPropsWithoutRef.pl


placeContent?

optional placeContent: ConditionalValue<undefined | readonly string[] | AnyString | PlaceContent>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:395

Inherited from

ComponentPropsWithoutRef.placeContent


placeItems?

optional placeItems: ConditionalValue<undefined | readonly string[] | AnyString | PlaceItems>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:396

Inherited from

ComponentPropsWithoutRef.placeItems


placeSelf?

optional placeSelf: ConditionalValue<undefined | readonly string[] | AnyString | PlaceSelf>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:397

Inherited from

ComponentPropsWithoutRef.placeSelf


pointerEvents?

optional pointerEvents: ConditionalValue<undefined | AnyString | PointerEvents | readonly NonNullable<PointerEvents | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:398

Inherited from

ComponentPropsWithoutRef.pointerEvents


popover?

optional popover: "" | "auto" | "manual"

Defined in: node_modules/@types/react/index.d.ts:2731

Inherited from

ComponentPropsWithoutRef.popover


popoverTarget?

optional popoverTarget: string

Defined in: node_modules/@types/react/index.d.ts:2733

Inherited from

ComponentPropsWithoutRef.popoverTarget


popoverTargetAction?

optional popoverTargetAction: "toggle" | "show" | "hide"

Defined in: node_modules/@types/react/index.d.ts:2732

Inherited from

ComponentPropsWithoutRef.popoverTargetAction


pos?

optional pos: ConditionalValue<undefined | AnyString | Position | readonly NonNullable<Position | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:610

Inherited from

ComponentPropsWithoutRef.pos


position?

optional position: ConditionalValue<undefined | AnyString | Position | readonly NonNullable<Position | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:399

Inherited from

ComponentPropsWithoutRef.position


positionAnchor?

optional positionAnchor: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:400

Inherited from

ComponentPropsWithoutRef.positionAnchor


positionArea?

optional positionArea: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:401

Inherited from

ComponentPropsWithoutRef.positionArea


positionTry?

optional positionTry: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:402

Inherited from

ComponentPropsWithoutRef.positionTry


positionTryFallbacks?

optional positionTryFallbacks: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:403

Inherited from

ComponentPropsWithoutRef.positionTryFallbacks


positionTryOrder?

optional positionTryOrder: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:404

Inherited from

ComponentPropsWithoutRef.positionTryOrder


positionVisibility?

optional positionVisibility: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:405

Inherited from

ComponentPropsWithoutRef.positionVisibility


pr?

optional pr: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingRight<String | Number> | readonly NonNullable<PaddingRight<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:630

Inherited from

ComponentPropsWithoutRef.pr


prefix?

optional prefix: string

Defined in: node_modules/@types/react/index.d.ts:2709

Inherited from

ComponentPropsWithoutRef.prefix


printColorAdjust?

optional printColorAdjust: ConditionalValue<undefined | AnyString | PrintColorAdjust | readonly NonNullable<PrintColorAdjust | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:406

Inherited from

ComponentPropsWithoutRef.printColorAdjust


property?

optional property: string

Defined in: node_modules/@types/react/index.d.ts:2710

Inherited from

ComponentPropsWithoutRef.property


ps?

optional ps: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInlineStart<String | Number> | readonly NonNullable<PaddingInlineStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:633

Inherited from

ComponentPropsWithoutRef.ps


pt?

optional pt: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingTop<String | Number> | readonly NonNullable<PaddingTop<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:629

Inherited from

ComponentPropsWithoutRef.pt


px?

optional px: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingInline<String | Number> | readonly NonNullable<PaddingInline<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:637

Inherited from

ComponentPropsWithoutRef.px


py?

optional py: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | PaddingBlock<String | Number> | readonly NonNullable<PaddingBlock<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:639

Inherited from

ComponentPropsWithoutRef.py


quotes?

optional quotes: ConditionalValue<undefined | readonly string[] | AnyString | Quotes>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:407

Inherited from

ComponentPropsWithoutRef.quotes


r?

optional r: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:408

Inherited from

ComponentPropsWithoutRef.r


radioGroup?

optional radioGroup: string

Defined in: node_modules/@types/react/index.d.ts:2699

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:1380

Inherited from

ComponentPropsWithoutRef.recipe


rel?

optional rel: string

Defined in: node_modules/@types/react/index.d.ts:2711

Inherited from

ComponentPropsWithoutRef.rel


resize?

optional resize: ConditionalValue<undefined | AnyString | Resize | readonly NonNullable<Resize | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:409

Inherited from

ComponentPropsWithoutRef.resize


resource?

optional resource: string

Defined in: node_modules/@types/react/index.d.ts:2712

Inherited from

ComponentPropsWithoutRef.resource


results?

optional results: number

Defined in: node_modules/@types/react/index.d.ts:2726

Inherited from

ComponentPropsWithoutRef.results


rev?

optional rev: string

Defined in: node_modules/@types/react/index.d.ts:2713

Inherited from

ComponentPropsWithoutRef.rev


optional right: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | Right<String | Number> | readonly NonNullable<Right<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:410

Inherited from

ComponentPropsWithoutRef.right


ring?

optional ring: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:693

Inherited from

ComponentPropsWithoutRef.ring


ringColor?

optional ringColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:694

Inherited from

ComponentPropsWithoutRef.ringColor


ringInset?

optional ringInset: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:697

Inherited from

ComponentPropsWithoutRef.ringInset


ringOffset?

optional ringOffset: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:695

Inherited from

ComponentPropsWithoutRef.ringOffset


ringOffsetColor?

optional ringOffsetColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:696

Inherited from

ComponentPropsWithoutRef.ringOffsetColor


role?

optional role: AriaRole

Defined in: node_modules/@types/react/index.d.ts:2702

Inherited from

ComponentPropsWithoutRef.role


rotate?

optional rotate: ConditionalValue<undefined | readonly string[] | AnyString | Rotate>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:411

Inherited from

ComponentPropsWithoutRef.rotate


rotateX?

optional rotateX: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:706

Inherited from

ComponentPropsWithoutRef.rotateX


rotateY?

optional rotateY: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:707

Inherited from

ComponentPropsWithoutRef.rotateY


rounded?

optional rounded: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:565

Inherited from

ComponentPropsWithoutRef.rounded


roundedBottom?

optional roundedBottom: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:583

Inherited from

ComponentPropsWithoutRef.roundedBottom


roundedBottomLeft?

optional roundedBottomLeft: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderBottomLeftRadius<String | Number> | readonly NonNullable<BorderBottomLeftRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:576

Inherited from

ComponentPropsWithoutRef.roundedBottomLeft


roundedBottomRight?

optional roundedBottomRight: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderBottomRightRadius<String | Number> | readonly NonNullable<BorderBottomRightRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:577

Inherited from

ComponentPropsWithoutRef.roundedBottomRight


roundedEnd?

optional roundedEnd: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:580

Inherited from

ComponentPropsWithoutRef.roundedEnd


roundedEndEnd?

optional roundedEndEnd: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderEndEndRadius<String | Number> | readonly NonNullable<BorderEndEndRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:574

Inherited from

ComponentPropsWithoutRef.roundedEndEnd


roundedEndStart?

optional roundedEndStart: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderEndStartRadius<String | Number> | readonly NonNullable<BorderEndStartRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:569

Inherited from

ComponentPropsWithoutRef.roundedEndStart


roundedLeft?

optional roundedLeft: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:584

Inherited from

ComponentPropsWithoutRef.roundedLeft


roundedRight?

optional roundedRight: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:585

Inherited from

ComponentPropsWithoutRef.roundedRight


roundedStart?

optional roundedStart: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:578

Inherited from

ComponentPropsWithoutRef.roundedStart


roundedStartEnd?

optional roundedStartEnd: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderStartEndRadius<String | Number> | readonly NonNullable<BorderStartEndRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:572

Inherited from

ComponentPropsWithoutRef.roundedStartEnd


roundedStartStart?

optional roundedStartStart: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderStartStartRadius<String | Number> | readonly NonNullable<BorderStartStartRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:567

Inherited from

ComponentPropsWithoutRef.roundedStartStart


roundedTop?

optional roundedTop: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderRadius<String | Number> | readonly NonNullable<BorderRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:582

Inherited from

ComponentPropsWithoutRef.roundedTop


roundedTopLeft?

optional roundedTopLeft: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderTopLeftRadius<String | Number> | readonly NonNullable<BorderTopLeftRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:566

Inherited from

ComponentPropsWithoutRef.roundedTopLeft


roundedTopRight?

optional roundedTopRight: ConditionalValue<undefined | `var(--${string})` | AnyString | RadiiToken | BorderTopRightRadius<String | Number> | readonly NonNullable<BorderTopRightRadius<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:571

Inherited from

ComponentPropsWithoutRef.roundedTopRight


rowGap?

optional rowGap: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | RowGap<String | Number> | readonly NonNullable<RowGap<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:412

Inherited from

ComponentPropsWithoutRef.rowGap


rubyAlign?

optional rubyAlign: ConditionalValue<undefined | AnyString | RubyAlign | readonly NonNullable<RubyAlign | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:413

Inherited from

ComponentPropsWithoutRef.rubyAlign


rubyMerge?

optional rubyMerge: ConditionalValue<undefined | AnyString | RubyMerge | readonly NonNullable<RubyMerge | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:414

Inherited from

ComponentPropsWithoutRef.rubyMerge


rubyPosition?

optional rubyPosition: ConditionalValue<undefined | readonly string[] | AnyString | RubyPosition>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:415

Inherited from

ComponentPropsWithoutRef.rubyPosition


ruleOrGroup

ruleOrGroup: RuleType<string, string, any, string> | RuleGroupTypeAny

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:279

The RuleType or RuleGroupType/RuleGroupTypeIC associated with this element.

Inherited from

ActionWithRulesProps.ruleOrGroup


rules?

optional rules: RuleOrGroupArray

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:291

Rules already present for this group.

Inherited from

ActionWithRulesProps.rules


rx?

optional rx: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:416

Inherited from

ComponentPropsWithoutRef.rx


ry?

optional ry: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:417

Inherited from

ComponentPropsWithoutRef.ry


saturate?

optional saturate: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:663

Inherited from

ComponentPropsWithoutRef.saturate


scale?

optional scale: ConditionalValue<undefined | AnyString | Scale | readonly NonNullable<Scale | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:418

Inherited from

ComponentPropsWithoutRef.scale


scaleX?

optional scaleX: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:700

Inherited from

ComponentPropsWithoutRef.scaleX


scaleY?

optional scaleY: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:701

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; value?: string | undefined; label: string; disabled?: boolean | undefined; name: string; }> | undefined; ... 9 more ...; className?: Clas..., operator: string) => boolean; defaultOperator?: string; defaultValue?: any; disabled?: boolean; id?: string; inputType?: null | InputType; label: string; name: string; operators?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>; placeholder?: string; validator?: RuleValidator; value: string; valueEditorType?: ValueEditorType | (operator: string) => ValueEditorType; values?: FlexibleOptionList<{[key: string]: unknown; disabled?: boolean; label: string; name: string; value?: string; }>; valueSources?: ValueSources | (operator: string) => ValueSources; }, string>

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:89

All subcomponents receive the configuration schema as a prop.

Inherited from

ActionWithRulesProps.schema


scrollbar?

optional scrollbar: ConditionalValue<"hidden" | `var(--${string})` | AnyString | "visible">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:684

Inherited from

ComponentPropsWithoutRef.scrollbar


scrollbarColor?

optional scrollbarColor: ConditionalValue<undefined | readonly string[] | `var(--${string})` | AnyString | ColorsToken | "currentBg" | ScrollbarColor>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:454

Inherited from

ComponentPropsWithoutRef.scrollbarColor


scrollbarGutter?

optional scrollbarGutter: ConditionalValue<undefined | readonly string[] | `var(--${string})` | AnyString | SpacingToken | ScrollbarGutter>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:455

Inherited from

ComponentPropsWithoutRef.scrollbarGutter


scrollbarWidth?

optional scrollbarWidth: ConditionalValue<undefined | `var(--${string})` | AnyString | SizesToken | ScrollbarWidth | readonly NonNullable<ScrollbarWidth | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:456

Inherited from

ComponentPropsWithoutRef.scrollbarWidth


scrollBehavior?

optional scrollBehavior: ConditionalValue<undefined | AnyString | ScrollBehavior | readonly NonNullable<ScrollBehavior | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:419

Inherited from

ComponentPropsWithoutRef.scrollBehavior


scrollMargin?

optional scrollMargin: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollMargin<String | Number> | readonly NonNullable<ScrollMargin<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:420

Inherited from

ComponentPropsWithoutRef.scrollMargin


scrollMarginBlock?

optional scrollMarginBlock: ConditionalValue<undefined | AnyString | ScrollMarginBlock<String | Number> | readonly NonNullable<ScrollMarginBlock<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:421

Inherited from

ComponentPropsWithoutRef.scrollMarginBlock


scrollMarginBlockEnd?

optional scrollMarginBlockEnd: ConditionalValue<undefined | AnyString | ScrollMarginBlockEnd<String | Number> | readonly NonNullable<ScrollMarginBlockEnd<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:422

Inherited from

ComponentPropsWithoutRef.scrollMarginBlockEnd


scrollMarginBlockStart?

optional scrollMarginBlockStart: ConditionalValue<undefined | AnyString | ScrollMarginBlockStart<String | Number> | readonly NonNullable<ScrollMarginBlockStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:423

Inherited from

ComponentPropsWithoutRef.scrollMarginBlockStart


scrollMarginBottom?

optional scrollMarginBottom: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollMarginBottom<String | Number> | readonly NonNullable<ScrollMarginBottom<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:424

Inherited from

ComponentPropsWithoutRef.scrollMarginBottom


scrollMarginInline?

optional scrollMarginInline: ConditionalValue<undefined | AnyString | ScrollMarginInline<String | Number> | readonly NonNullable<ScrollMarginInline<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:425

Inherited from

ComponentPropsWithoutRef.scrollMarginInline


scrollMarginInlineEnd?

optional scrollMarginInlineEnd: ConditionalValue<undefined | AnyString | ScrollMarginInlineEnd<String | Number> | readonly NonNullable<ScrollMarginInlineEnd<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:426

Inherited from

ComponentPropsWithoutRef.scrollMarginInlineEnd


scrollMarginInlineStart?

optional scrollMarginInlineStart: ConditionalValue<undefined | AnyString | ScrollMarginInlineStart<String | Number> | readonly NonNullable<ScrollMarginInlineStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:427

Inherited from

ComponentPropsWithoutRef.scrollMarginInlineStart


scrollMarginLeft?

optional scrollMarginLeft: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollMarginLeft<String | Number> | readonly NonNullable<ScrollMarginLeft<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:428

Inherited from

ComponentPropsWithoutRef.scrollMarginLeft


scrollMarginRight?

optional scrollMarginRight: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollMarginRight<String | Number> | readonly NonNullable<ScrollMarginRight<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:429

Inherited from

ComponentPropsWithoutRef.scrollMarginRight


scrollMarginTop?

optional scrollMarginTop: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollMarginTop<String | Number> | readonly NonNullable<ScrollMarginTop<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:430

Inherited from

ComponentPropsWithoutRef.scrollMarginTop


scrollMarginX?

optional scrollMarginX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:685

Inherited from

ComponentPropsWithoutRef.scrollMarginX


scrollMarginY?

optional scrollMarginY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:686

Inherited from

ComponentPropsWithoutRef.scrollMarginY


scrollPadding?

optional scrollPadding: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPadding<String | Number> | readonly NonNullable<ScrollPadding<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:431

Inherited from

ComponentPropsWithoutRef.scrollPadding


scrollPaddingBlock?

optional scrollPaddingBlock: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPaddingBlock<String | Number> | readonly NonNullable<ScrollPaddingBlock<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:432

Inherited from

ComponentPropsWithoutRef.scrollPaddingBlock


scrollPaddingBlockEnd?

optional scrollPaddingBlockEnd: ConditionalValue<undefined | AnyString | ScrollPaddingBlockEnd<String | Number> | readonly NonNullable<ScrollPaddingBlockEnd<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:433

Inherited from

ComponentPropsWithoutRef.scrollPaddingBlockEnd


scrollPaddingBlockStart?

optional scrollPaddingBlockStart: ConditionalValue<undefined | AnyString | ScrollPaddingBlockStart<String | Number> | readonly NonNullable<ScrollPaddingBlockStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:434

Inherited from

ComponentPropsWithoutRef.scrollPaddingBlockStart


scrollPaddingBottom?

optional scrollPaddingBottom: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPaddingBottom<String | Number> | readonly NonNullable<ScrollPaddingBottom<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:435

Inherited from

ComponentPropsWithoutRef.scrollPaddingBottom


scrollPaddingInline?

optional scrollPaddingInline: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPaddingInline<String | Number> | readonly NonNullable<ScrollPaddingInline<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:436

Inherited from

ComponentPropsWithoutRef.scrollPaddingInline


scrollPaddingInlineEnd?

optional scrollPaddingInlineEnd: ConditionalValue<undefined | AnyString | ScrollPaddingInlineEnd<String | Number> | readonly NonNullable<ScrollPaddingInlineEnd<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:437

Inherited from

ComponentPropsWithoutRef.scrollPaddingInlineEnd


scrollPaddingInlineStart?

optional scrollPaddingInlineStart: ConditionalValue<undefined | AnyString | ScrollPaddingInlineStart<String | Number> | readonly NonNullable<ScrollPaddingInlineStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:438

Inherited from

ComponentPropsWithoutRef.scrollPaddingInlineStart


scrollPaddingLeft?

optional scrollPaddingLeft: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPaddingLeft<String | Number> | readonly NonNullable<ScrollPaddingLeft<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:439

Inherited from

ComponentPropsWithoutRef.scrollPaddingLeft


scrollPaddingRight?

optional scrollPaddingRight: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPaddingRight<String | Number> | readonly NonNullable<ScrollPaddingRight<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:440

Inherited from

ComponentPropsWithoutRef.scrollPaddingRight


scrollPaddingTop?

optional scrollPaddingTop: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPaddingTop<String | Number> | readonly NonNullable<ScrollPaddingTop<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:441

Inherited from

ComponentPropsWithoutRef.scrollPaddingTop


scrollPaddingX?

optional scrollPaddingX: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPaddingInline<String | Number> | readonly NonNullable<ScrollPaddingInline<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:606

Inherited from

ComponentPropsWithoutRef.scrollPaddingX


scrollPaddingY?

optional scrollPaddingY: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | ScrollPaddingBlock<String | Number> | readonly NonNullable<ScrollPaddingBlock<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:607

Inherited from

ComponentPropsWithoutRef.scrollPaddingY


scrollSnapAlign?

optional scrollSnapAlign: ConditionalValue<undefined | readonly string[] | AnyString | ScrollSnapAlign>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:442

Inherited from

ComponentPropsWithoutRef.scrollSnapAlign


scrollSnapCoordinate?

optional scrollSnapCoordinate: ConditionalValue<undefined | AnyString | ScrollSnapCoordinate<String | Number> | readonly NonNullable<ScrollSnapCoordinate<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:443

Inherited from

ComponentPropsWithoutRef.scrollSnapCoordinate


scrollSnapDestination?

optional scrollSnapDestination: ConditionalValue<undefined | AnyString | ScrollSnapDestination<String | Number> | readonly NonNullable<ScrollSnapDestination<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:444

Inherited from

ComponentPropsWithoutRef.scrollSnapDestination


scrollSnapMargin?

optional scrollSnapMargin: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:688

Inherited from

ComponentPropsWithoutRef.scrollSnapMargin


scrollSnapMarginBottom?

optional scrollSnapMarginBottom: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:690

Inherited from

ComponentPropsWithoutRef.scrollSnapMarginBottom


scrollSnapMarginLeft?

optional scrollSnapMarginLeft: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:691

Inherited from

ComponentPropsWithoutRef.scrollSnapMarginLeft


scrollSnapMarginRight?

optional scrollSnapMarginRight: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:692

Inherited from

ComponentPropsWithoutRef.scrollSnapMarginRight


scrollSnapMarginTop?

optional scrollSnapMarginTop: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:689

Inherited from

ComponentPropsWithoutRef.scrollSnapMarginTop


scrollSnapPointsX?

optional scrollSnapPointsX: ConditionalValue<undefined | readonly string[] | AnyString | ScrollSnapPointsX>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:445

Inherited from

ComponentPropsWithoutRef.scrollSnapPointsX


scrollSnapPointsY?

optional scrollSnapPointsY: ConditionalValue<undefined | readonly string[] | AnyString | ScrollSnapPointsY>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:446

Inherited from

ComponentPropsWithoutRef.scrollSnapPointsY


scrollSnapStop?

optional scrollSnapStop: ConditionalValue<undefined | AnyString | ScrollSnapStop | readonly NonNullable<ScrollSnapStop | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:447

Inherited from

ComponentPropsWithoutRef.scrollSnapStop


scrollSnapStrictness?

optional scrollSnapStrictness: ConditionalValue<`var(--${string})` | AnyString | "mandatory" | "proximity">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:687

Inherited from

ComponentPropsWithoutRef.scrollSnapStrictness


scrollSnapType?

optional scrollSnapType: ConditionalValue<undefined | readonly string[] | `var(--${string})` | AnyString | ScrollSnapType>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:448

Inherited from

ComponentPropsWithoutRef.scrollSnapType


scrollSnapTypeX?

optional scrollSnapTypeX: ConditionalValue<undefined | AnyString | ScrollSnapTypeX | readonly NonNullable<ScrollSnapTypeX | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:449

Inherited from

ComponentPropsWithoutRef.scrollSnapTypeX


scrollSnapTypeY?

optional scrollSnapTypeY: ConditionalValue<undefined | AnyString | ScrollSnapTypeY | readonly NonNullable<ScrollSnapTypeY | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:450

Inherited from

ComponentPropsWithoutRef.scrollSnapTypeY


scrollTimeline?

optional scrollTimeline: ConditionalValue<undefined | readonly string[] | AnyString | ScrollTimeline>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:451

Inherited from

ComponentPropsWithoutRef.scrollTimeline


scrollTimelineAxis?

optional scrollTimelineAxis: ConditionalValue<undefined | readonly string[] | AnyString | ScrollTimelineAxis>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:452

Inherited from

ComponentPropsWithoutRef.scrollTimelineAxis


scrollTimelineName?

optional scrollTimelineName: ConditionalValue<undefined | readonly string[] | AnyString | ScrollTimelineName>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:453

Inherited from

ComponentPropsWithoutRef.scrollTimelineName


security?

optional security: string

Defined in: node_modules/@types/react/index.d.ts:2727

Inherited from

ComponentPropsWithoutRef.security


sepia?

optional sepia: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:664

Inherited from

ComponentPropsWithoutRef.sepia


shadow?

optional shadow: ConditionalValue<undefined | readonly string[] | `var(--${string})` | AnyString | ShadowsToken | BoxShadow>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:590

Inherited from

ComponentPropsWithoutRef.shadow


shadowColor?

optional shadowColor: ConditionalValue<`var(--${string})` | AnyString | ColorsToken | "currentBg">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:591

Inherited from

ComponentPropsWithoutRef.shadowColor


shapeImageThreshold?

optional shapeImageThreshold: ConditionalValue<undefined | AnyString | ShapeImageThreshold | readonly NonNullable<ShapeImageThreshold | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:457

Inherited from

ComponentPropsWithoutRef.shapeImageThreshold


shapeMargin?

optional shapeMargin: ConditionalValue<undefined | AnyString | ShapeMargin<String | Number> | readonly NonNullable<ShapeMargin<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:458

Inherited from

ComponentPropsWithoutRef.shapeMargin


shapeOutside?

optional shapeOutside: ConditionalValue<undefined | readonly string[] | AnyString | ShapeOutside>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:459

Inherited from

ComponentPropsWithoutRef.shapeOutside


shapeRendering?

optional shapeRendering: ConditionalValue<undefined | AnyString | ShapeRendering | readonly NonNullable<ShapeRendering | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:460

Inherited from

ComponentPropsWithoutRef.shapeRendering


size?

optional size: ConditionalValue<undefined | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "xs">

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>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:698

Inherited from

ComponentPropsWithoutRef.skewX


skewY?

optional skewY: ConditionalValue<string | number | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:699

Inherited from

ComponentPropsWithoutRef.skewY


slot?

optional slot: string

Defined in: node_modules/@types/react/index.d.ts:2691

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<undefined | `var(--${string})` | AnyString | SpacingToken | MarginInlineStart<String | Number> | readonly NonNullable<MarginInlineStart<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:703

Inherited from

ComponentPropsWithoutRef.spaceX


spaceXReverse?

optional spaceXReverse: ConditionalValue<boolean | `var(--${string})` | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:702

Inherited from

ComponentPropsWithoutRef.spaceXReverse


spaceY?

optional spaceY: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | MarginTop<String | Number> | readonly NonNullable<MarginTop<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:705

Inherited from

ComponentPropsWithoutRef.spaceY


spaceYReverse?

optional spaceYReverse: ConditionalValue<boolean | `var(--${string})` | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:704

Inherited from

ComponentPropsWithoutRef.spaceYReverse


spellCheck?

optional spellCheck: Booleanish

Defined in: node_modules/@types/react/index.d.ts:2692

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>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:711

Inherited from

ComponentPropsWithoutRef.srOnly


stopColor?

optional stopColor: ConditionalValue<undefined | readonly string[] | AnyString | StopColor>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:461

Inherited from

ComponentPropsWithoutRef.stopColor


stopOpacity?

optional stopOpacity: ConditionalValue<undefined | AnyString | StopOpacity | readonly NonNullable<StopOpacity | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:462

Inherited from

ComponentPropsWithoutRef.stopOpacity


stroke?

optional stroke: ConditionalValue<undefined | readonly string[] | string & { } | "none" | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "child" | "context-fill" | "context-stroke">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:463

Inherited from

ComponentPropsWithoutRef.stroke


strokeDasharray?

optional strokeDasharray: ConditionalValue<undefined | AnyString | StrokeDasharray<String | Number> | readonly NonNullable<StrokeDasharray<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:464

Inherited from

ComponentPropsWithoutRef.strokeDasharray


strokeDashoffset?

optional strokeDashoffset: ConditionalValue<undefined | AnyString | StrokeDashoffset<String | Number> | readonly NonNullable<StrokeDashoffset<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:465

Inherited from

ComponentPropsWithoutRef.strokeDashoffset


strokeLinecap?

optional strokeLinecap: ConditionalValue<undefined | AnyString | StrokeLinecap | readonly NonNullable<StrokeLinecap | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:466

Inherited from

ComponentPropsWithoutRef.strokeLinecap


strokeLinejoin?

optional strokeLinejoin: ConditionalValue<undefined | AnyString | StrokeLinejoin | readonly NonNullable<StrokeLinejoin | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:467

Inherited from

ComponentPropsWithoutRef.strokeLinejoin


strokeMiterlimit?

optional strokeMiterlimit: ConditionalValue<undefined | AnyString | StrokeMiterlimit | readonly NonNullable<StrokeMiterlimit | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:468

Inherited from

ComponentPropsWithoutRef.strokeMiterlimit


strokeOpacity?

optional strokeOpacity: ConditionalValue<undefined | AnyString | StrokeOpacity | readonly NonNullable<StrokeOpacity | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:469

Inherited from

ComponentPropsWithoutRef.strokeOpacity


strokeWidth?

optional strokeWidth: ConditionalValue<undefined | AnyString | StrokeWidth<String | Number> | readonly NonNullable<StrokeWidth<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:470

Inherited from

ComponentPropsWithoutRef.strokeWidth


style?

optional style: CSSProperties

Defined in: node_modules/@types/react/index.d.ts:2693

Inherited from

ComponentPropsWithoutRef.style


suppressContentEditableWarning?

optional suppressContentEditableWarning: boolean

Defined in: node_modules/@types/react/index.d.ts:2674

Inherited from

ComponentPropsWithoutRef.suppressContentEditableWarning


suppressHydrationWarning?

optional suppressHydrationWarning: boolean

Defined in: node_modules/@types/react/index.d.ts:2675

Inherited from

ComponentPropsWithoutRef.suppressHydrationWarning


tabIndex?

optional tabIndex: number

Defined in: node_modules/@types/react/index.d.ts:2694

Inherited from

ComponentPropsWithoutRef.tabIndex


tableLayout?

optional tableLayout: ConditionalValue<undefined | AnyString | TableLayout | readonly NonNullable<TableLayout | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:472

Inherited from

ComponentPropsWithoutRef.tableLayout


tabSize?

optional tabSize: ConditionalValue<undefined | AnyString | TabSize<String | Number> | readonly NonNullable<TabSize<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:471

Inherited from

ComponentPropsWithoutRef.tabSize


testID?

optional testID: string

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:85

Test ID for this component.

Inherited from

ActionWithRulesProps.testID


textAlign?

optional textAlign: ConditionalValue<undefined | AnyString | TextAlign | readonly NonNullable<TextAlign | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:473

Inherited from

ComponentPropsWithoutRef.textAlign


textAlignLast?

optional textAlignLast: ConditionalValue<undefined | AnyString | TextAlignLast | readonly NonNullable<TextAlignLast | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:474

Inherited from

ComponentPropsWithoutRef.textAlignLast


textAnchor?

optional textAnchor: ConditionalValue<undefined | AnyString | TextAnchor | readonly NonNullable<TextAnchor | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:475

Inherited from

ComponentPropsWithoutRef.textAnchor


textBox?

optional textBox: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:476

Inherited from

ComponentPropsWithoutRef.textBox


textBoxEdge?

optional textBoxEdge: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:477

Inherited from

ComponentPropsWithoutRef.textBoxEdge


textBoxTrim?

optional textBoxTrim: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:478

Inherited from

ComponentPropsWithoutRef.textBoxTrim


textCombineUpright?

optional textCombineUpright: ConditionalValue<undefined | readonly string[] | AnyString | TextCombineUpright>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:479

Inherited from

ComponentPropsWithoutRef.textCombineUpright


textDecor?

optional textDecor: ConditionalValue<undefined | AnyString | TextDecoration<String | Number> | readonly NonNullable<TextDecoration<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:641

Inherited from

ComponentPropsWithoutRef.textDecor


textDecoration?

optional textDecoration: ConditionalValue<undefined | AnyString | TextDecoration<String | Number> | readonly NonNullable<TextDecoration<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:480

Inherited from

ComponentPropsWithoutRef.textDecoration


textDecorationColor?

optional textDecorationColor: ConditionalValue<undefined | readonly string[] | string & { } | "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" | "red.contrast" | "red.fg" | "red.subtle" | "red.muted" | "red.emphasized" | "red.solid" | "red.focusRing" | "orange.contrast" | "orange.fg" | "orange.subtle" | "orange.muted" | "orange.emphasized" | "orange.solid" | "orange.focusRing" | "green.contrast" | "green.fg" | "green.subtle" | "green.muted" | "green.emphasized" | "green.solid" | "green.focusRing" | "blue.contrast" | "blue.fg" | "blue.subtle" | "blue.muted" | "blue.emphasized" | "blue.solid" | "blue.focusRing" | "yellow.contrast" | "yellow.fg" | "yellow.subtle" | "yellow.muted" | "yellow.emphasized" | "yellow.solid" | "yellow.focusRing" | "teal.contrast" | "teal.fg" | "teal.subtle" | "teal.muted" | "teal.emphasized" | "teal.solid" | "teal.focusRing" | "purple.contrast" | "purple.fg" | "purple.subtle" | "purple.muted" | "purple.emphasized" | "purple.solid" | "purple.focusRing" | "pink.contrast" | "pink.fg" | "pink.subtle" | "pink.muted" | "pink.emphasized" | "pink.solid" | "pink.focusRing" | "cyan.contrast" | "cyan.fg" | "cyan.subtle" | "cyan.muted" | "cyan.emphasized" | "cyan.solid" | "cyan.focusRing" | "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" | "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" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:481

Inherited from

ComponentPropsWithoutRef.textDecorationColor


textDecorationLine?

optional textDecorationLine: ConditionalValue<undefined | readonly string[] | AnyString | TextDecorationLine>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:482

Inherited from

ComponentPropsWithoutRef.textDecorationLine


textDecorationSkip?

optional textDecorationSkip: ConditionalValue<undefined | readonly string[] | AnyString | TextDecorationSkip>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:483

Inherited from

ComponentPropsWithoutRef.textDecorationSkip


textDecorationSkipInk?

optional textDecorationSkipInk: ConditionalValue<undefined | AnyString | TextDecorationSkipInk | readonly NonNullable<TextDecorationSkipInk | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:484

Inherited from

ComponentPropsWithoutRef.textDecorationSkipInk


textDecorationStyle?

optional textDecorationStyle: ConditionalValue<undefined | AnyString | TextDecorationStyle | readonly NonNullable<TextDecorationStyle | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:485

Inherited from

ComponentPropsWithoutRef.textDecorationStyle


textDecorationThickness?

optional textDecorationThickness: ConditionalValue<undefined | AnyString | TextDecorationThickness<String | Number> | readonly NonNullable<TextDecorationThickness<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:486

Inherited from

ComponentPropsWithoutRef.textDecorationThickness


textEmphasis?

optional textEmphasis: ConditionalValue<undefined | readonly string[] | AnyString | TextEmphasis>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:487

Inherited from

ComponentPropsWithoutRef.textEmphasis


textEmphasisColor?

optional textEmphasisColor: ConditionalValue<undefined | readonly string[] | AnyString | TextEmphasisColor>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:488

Inherited from

ComponentPropsWithoutRef.textEmphasisColor


textEmphasisPosition?

optional textEmphasisPosition: ConditionalValue<undefined | readonly string[] | AnyString | TextEmphasisPosition>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:489

Inherited from

ComponentPropsWithoutRef.textEmphasisPosition


textEmphasisStyle?

optional textEmphasisStyle: ConditionalValue<undefined | readonly string[] | AnyString | TextEmphasisStyle>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:490

Inherited from

ComponentPropsWithoutRef.textEmphasisStyle


textIndent?

optional textIndent: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | TextIndent<String | Number> | readonly NonNullable<TextIndent<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:491

Inherited from

ComponentPropsWithoutRef.textIndent


textJustify?

optional textJustify: ConditionalValue<undefined | AnyString | TextJustify | readonly NonNullable<TextJustify | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:492

Inherited from

ComponentPropsWithoutRef.textJustify


textOrientation?

optional textOrientation: ConditionalValue<undefined | AnyString | TextOrientation | readonly NonNullable<TextOrientation | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:493

Inherited from

ComponentPropsWithoutRef.textOrientation


textOverflow?

optional textOverflow: ConditionalValue<undefined | readonly string[] | AnyString | TextOverflow>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:494

Inherited from

ComponentPropsWithoutRef.textOverflow


textRendering?

optional textRendering: ConditionalValue<undefined | AnyString | TextRendering | readonly NonNullable<TextRendering | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:495

Inherited from

ComponentPropsWithoutRef.textRendering


textShadow?

optional textShadow: ConditionalValue<undefined | readonly string[] | `var(--${string})` | AnyString | ShadowsToken | TextShadow>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:496

Inherited from

ComponentPropsWithoutRef.textShadow


textSizeAdjust?

optional textSizeAdjust: ConditionalValue<undefined | readonly string[] | AnyString | TextSizeAdjust>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:497

Inherited from

ComponentPropsWithoutRef.textSizeAdjust


textSpacingTrim?

optional textSpacingTrim: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:498

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">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:714

Inherited from

ComponentPropsWithoutRef.textStyle


textTransform?

optional textTransform: ConditionalValue<undefined | AnyString | TextTransform | readonly NonNullable<TextTransform | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:499

Inherited from

ComponentPropsWithoutRef.textTransform


textUnderlineOffset?

optional textUnderlineOffset: ConditionalValue<undefined | AnyString | TextUnderlineOffset<String | Number> | readonly NonNullable<TextUnderlineOffset<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:500

Inherited from

ComponentPropsWithoutRef.textUnderlineOffset


textUnderlinePosition?

optional textUnderlinePosition: ConditionalValue<undefined | readonly string[] | AnyString | TextUnderlinePosition>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:501

Inherited from

ComponentPropsWithoutRef.textUnderlinePosition


textWrap?

optional textWrap: ConditionalValue<undefined | AnyString | TextWrap | readonly NonNullable<TextWrap | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:502

Inherited from

ComponentPropsWithoutRef.textWrap


textWrapMode?

optional textWrapMode: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:503

Inherited from

ComponentPropsWithoutRef.textWrapMode


textWrapStyle?

optional textWrapStyle: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:504

Inherited from

ComponentPropsWithoutRef.textWrapStyle


timelineScope?

optional timelineScope: ConditionalValue<undefined | readonly string[] | AnyString | TimelineScope>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:505

Inherited from

ComponentPropsWithoutRef.timelineScope


title?

optional title: string

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:68

The title/tooltip for this control.

Inherited from

ActionWithRulesProps.title


top?

optional top: ConditionalValue<undefined | `var(--${string})` | AnyString | SpacingToken | Top<String | Number> | readonly NonNullable<Top<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:506

Inherited from

ComponentPropsWithoutRef.top


touchAction?

optional touchAction: ConditionalValue<undefined | readonly string[] | AnyString | TouchAction>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:507

Inherited from

ComponentPropsWithoutRef.touchAction


transform?

optional transform: ConditionalValue<undefined | readonly string[] | AnyString | Transform>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:508

Inherited from

ComponentPropsWithoutRef.transform


transformBox?

optional transformBox: ConditionalValue<undefined | AnyString | TransformBox | readonly NonNullable<TransformBox | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:509

Inherited from

ComponentPropsWithoutRef.transformBox


transformOrigin?

optional transformOrigin: ConditionalValue<undefined | AnyString | TransformOrigin<String | Number> | readonly NonNullable<TransformOrigin<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:510

Inherited from

ComponentPropsWithoutRef.transformOrigin


transformStyle?

optional transformStyle: ConditionalValue<undefined | AnyString | TransformStyle | readonly NonNullable<TransformStyle | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:511

Inherited from

ComponentPropsWithoutRef.transformStyle


transition?

optional transition: ConditionalValue<undefined | readonly string[] | "size" | "opacity" | "position" | "transform" | "shadow" | `var(--${string})` | AnyString | "colors" | "common" | "backgrounds" | Transition<string & { }>>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:512

Inherited from

ComponentPropsWithoutRef.transition


transitionBehavior?

optional transitionBehavior: ConditionalValue<undefined | readonly string[] | AnyString | TransitionBehavior>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:513

Inherited from

ComponentPropsWithoutRef.transitionBehavior


transitionDelay?

optional transitionDelay: ConditionalValue<undefined | readonly string[] | AnyString | TransitionDelay<string & { }>>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:514

Inherited from

ComponentPropsWithoutRef.transitionDelay


transitionDuration?

optional transitionDuration: ConditionalValue<undefined | readonly string[] | `var(--${string})` | AnyString | DurationsToken | TransitionDuration<string & { }>>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:515

Inherited from

ComponentPropsWithoutRef.transitionDuration


transitionProperty?

optional transitionProperty: ConditionalValue<undefined | readonly string[] | "size" | "background" | "position" | `var(--${string})` | AnyString | "colors" | "common" | TransitionProperty>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:516

Inherited from

ComponentPropsWithoutRef.transitionProperty


transitionTimingFunction?

optional transitionTimingFunction: ConditionalValue<undefined | 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">

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:517

Inherited from

ComponentPropsWithoutRef.transitionTimingFunction


translate?

optional translate: ConditionalValue<undefined | AnyString | Translate<String | Number> | readonly NonNullable<Translate<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:518

Inherited from

ComponentPropsWithoutRef.translate


translateX?

optional translateX: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:708

Inherited from

ComponentPropsWithoutRef.translateX


translateY?

optional translateY: ConditionalValue<`var(--${string})` | AnyString | SpacingToken>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:709

Inherited from

ComponentPropsWithoutRef.translateY


truncate?

optional truncate: ConditionalValue<boolean | `var(--${string})` | AnyString>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:710

Inherited from

ComponentPropsWithoutRef.truncate


type?

optional type: "button" | "reset" | "submit"

Defined in: node_modules/@types/react/index.d.ts:2952

Inherited from

ComponentPropsWithoutRef.type


typeof?

optional typeof: string

Defined in: node_modules/@types/react/index.d.ts:2714

Inherited from

ComponentPropsWithoutRef.typeof


unicodeBidi?

optional unicodeBidi: ConditionalValue<undefined | AnyString | UnicodeBidi | readonly NonNullable<UnicodeBidi | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:519

Inherited from

ComponentPropsWithoutRef.unicodeBidi


unselectable?

optional unselectable: "off" | "on"

Defined in: node_modules/@types/react/index.d.ts:2728

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<undefined | AnyString | UserSelect | readonly NonNullable<UserSelect | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:520

Inherited from

ComponentPropsWithoutRef.userSelect


validation?

optional validation: boolean | ValidationResult

Defined in: packages/react-querybuilder/src/types/propsUsingReact.ts:81

Validation result of the parent rule/group.

Inherited from

ActionWithRulesProps.validation


value?

optional value: string | number | readonly string[]

Defined in: node_modules/@types/react/index.d.ts:2953

Inherited from

ComponentPropsWithoutRef.value


variant?

optional variant: ConditionalValue<undefined | "outline" | "solid" | "subtle" | "surface" | "ghost" | "plain">

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<undefined | AnyString | VectorEffect | readonly NonNullable<VectorEffect | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:521

Inherited from

ComponentPropsWithoutRef.vectorEffect


verticalAlign?

optional verticalAlign: ConditionalValue<undefined | AnyString | VerticalAlign<String | Number> | readonly NonNullable<VerticalAlign<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:522

Inherited from

ComponentPropsWithoutRef.verticalAlign


viewTimeline?

optional viewTimeline: ConditionalValue<undefined | readonly string[] | AnyString | ViewTimeline>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:523

Inherited from

ComponentPropsWithoutRef.viewTimeline


viewTimelineAxis?

optional viewTimelineAxis: ConditionalValue<undefined | readonly string[] | AnyString | ViewTimelineAxis>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:524

Inherited from

ComponentPropsWithoutRef.viewTimelineAxis


viewTimelineInset?

optional viewTimelineInset: ConditionalValue<undefined | AnyString | ViewTimelineInset<String | Number> | readonly NonNullable<ViewTimelineInset<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:525

Inherited from

ComponentPropsWithoutRef.viewTimelineInset


viewTimelineName?

optional viewTimelineName: ConditionalValue<undefined | readonly string[] | AnyString | ViewTimelineName>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:526

Inherited from

ComponentPropsWithoutRef.viewTimelineName


viewTransitionName?

optional viewTransitionName: ConditionalValue<undefined | readonly string[] | AnyString | ViewTransitionName>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:527

Inherited from

ComponentPropsWithoutRef.viewTransitionName


visibility?

optional visibility: ConditionalValue<undefined | AnyString | Visibility | readonly NonNullable<Visibility | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:528

Inherited from

ComponentPropsWithoutRef.visibility


vocab?

optional vocab: string

Defined in: node_modules/@types/react/index.d.ts:2715

Inherited from

ComponentPropsWithoutRef.vocab


w?

optional w: ConditionalValue<undefined | `var(--${string})` | AnyString | SizesToken | Width<String | Number> | readonly NonNullable<Width<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:597

Inherited from

ComponentPropsWithoutRef.w


WebkitAppearance?

optional WebkitAppearance: ConditionalValue<undefined | AnyString | WebkitAppearance | readonly NonNullable<WebkitAppearance | 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<undefined | AnyString | WebkitBorderBefore<String | Number> | readonly NonNullable<WebkitBorderBefore<String | Number> | 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<undefined | readonly string[] | AnyString | WebkitBorderBeforeColor>

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<undefined | readonly string[] | AnyString | WebkitBorderBeforeStyle>

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<undefined | AnyString | WebkitBorderBeforeWidth<String | Number> | readonly NonNullable<WebkitBorderBeforeWidth<String | Number> | 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<undefined | AnyString | WebkitBoxReflect<String | Number> | readonly NonNullable<WebkitBoxReflect<String | Number> | 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<undefined | AnyString | WebkitLineClamp | readonly NonNullable<WebkitLineClamp | 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<undefined | AnyString | WebkitMask<String | Number> | readonly NonNullable<WebkitMask<String | Number> | 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<undefined | readonly string[] | AnyString | WebkitMaskAttachment>

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<undefined | readonly string[] | AnyString | WebkitMaskClip>

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<undefined | readonly string[] | AnyString | WebkitMaskComposite>

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<undefined | readonly string[] | AnyString | WebkitMaskImage>

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<undefined | readonly string[] | AnyString | WebkitMaskOrigin>

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<undefined | AnyString | WebkitMaskPosition<String | Number> | readonly NonNullable<WebkitMaskPosition<String | Number> | 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<undefined | AnyString | WebkitMaskPositionX<String | Number> | readonly NonNullable<WebkitMaskPositionX<String | Number> | 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<undefined | AnyString | WebkitMaskPositionY<String | Number> | readonly NonNullable<WebkitMaskPositionY<String | Number> | 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<undefined | readonly string[] | AnyString | WebkitMaskRepeat>

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<undefined | AnyString | WebkitMaskRepeatX | readonly NonNullable<WebkitMaskRepeatX | 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<undefined | AnyString | WebkitMaskRepeatY | readonly NonNullable<WebkitMaskRepeatY | 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<undefined | AnyString | WebkitMaskSize<String | Number> | readonly NonNullable<WebkitMaskSize<String | Number> | 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<undefined | AnyString | WebkitOverflowScrolling | readonly NonNullable<WebkitOverflowScrolling | 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<undefined | readonly string[] | AnyString | WebkitTapHighlightColor>

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<undefined | readonly string[] | AnyString | WebkitTextFillColor>

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<undefined | AnyString | WebkitTextStroke<String | Number> | readonly NonNullable<WebkitTextStroke<String | Number> | 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<undefined | readonly string[] | AnyString | WebkitTextStrokeColor>

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<undefined | AnyString | WebkitTextStrokeWidth<String | Number> | readonly NonNullable<WebkitTextStrokeWidth<String | Number> | 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<undefined | AnyString | WebkitTouchCallout | readonly NonNullable<WebkitTouchCallout | 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<undefined | AnyString | WebkitUserModify | readonly NonNullable<WebkitUserModify | 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<undefined | AnyString | UserSelect | readonly NonNullable<UserSelect | 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<undefined | readonly string[] | AnyString | WhiteSpace>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:529

Inherited from

ComponentPropsWithoutRef.whiteSpace


whiteSpaceCollapse?

optional whiteSpaceCollapse: ConditionalValue<undefined | AnyString | WhiteSpaceCollapse | readonly NonNullable<WhiteSpaceCollapse | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:530

Inherited from

ComponentPropsWithoutRef.whiteSpaceCollapse


widows?

optional widows: ConditionalValue<undefined | AnyString | Widows | readonly NonNullable<Widows | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:531

Inherited from

ComponentPropsWithoutRef.widows


width?

optional width: ConditionalValue<undefined | `var(--${string})` | AnyString | SizesToken | Width<String | Number> | readonly NonNullable<Width<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:532

Inherited from

ComponentPropsWithoutRef.width


willChange?

optional willChange: ConditionalValue<undefined | readonly string[] | AnyString | WillChange>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:533

Inherited from

ComponentPropsWithoutRef.willChange


wordBreak?

optional wordBreak: ConditionalValue<undefined | AnyString | WordBreak | readonly NonNullable<WordBreak | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:534

Inherited from

ComponentPropsWithoutRef.wordBreak


wordSpacing?

optional wordSpacing: ConditionalValue<undefined | AnyString | WordSpacing<String | Number> | readonly NonNullable<WordSpacing<String | Number> | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:535

Inherited from

ComponentPropsWithoutRef.wordSpacing


wordWrap?

optional wordWrap: ConditionalValue<undefined | AnyString | WordWrap | readonly NonNullable<WordWrap | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:536

Inherited from

ComponentPropsWithoutRef.wordWrap


writingMode?

optional writingMode: ConditionalValue<undefined | AnyString | WritingMode | readonly NonNullable<WritingMode | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:537

Inherited from

ComponentPropsWithoutRef.writingMode


x?

optional x: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:538

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: any

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:539

Inherited from

ComponentPropsWithoutRef.y


zIndex?

optional zIndex: ConditionalValue<undefined | `var(--${string})` | AnyString | ZIndexToken | ZIndex | readonly NonNullable<ZIndex | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:540

Inherited from

ComponentPropsWithoutRef.zIndex


zoom?

optional zoom: ConditionalValue<undefined | AnyString | Zoom | readonly NonNullable<Zoom | undefined>[]>

Defined in: node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen.d.ts:541

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.