Interface: MuiBoxProps

The MuiBox component properties.

Extends

• BoxProps.DisabledProps.ReadOnlyProps

Properties

about?

optional about?: string

Inherited from

BoxProps.about

---

accessKey?

optional accessKey?: string

Inherited from

BoxProps.accessKey

---

alignContent?

optional alignContent?: ((theme) => ResponsiveStyleValue<readonly string[] | AlignContent | undefined>) | ResponsiveStyleValue<readonly string[] | AlignContent | undefined>

Inherited from

BoxProps.alignContent

---

alignItems?

optional alignItems?: ((theme) => ResponsiveStyleValue<readonly string[] | AlignItems | undefined>) | ResponsiveStyleValue<readonly string[] | AlignItems | undefined>

Inherited from

BoxProps.alignItems

---

alignSelf?

optional alignSelf?: ((theme) => ResponsiveStyleValue<readonly string[] | AlignSelf | undefined>) | ResponsiveStyleValue<readonly string[] | AlignSelf | undefined>

Inherited from

BoxProps.alignSelf

---

aria-activedescendant?

optional aria-activedescendant?: string

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

Inherited from

BoxProps.aria-activedescendant

---

aria-atomic?

optional aria-atomic?: Booleanish

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

BoxProps.aria-atomic

---

aria-autocomplete?

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

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

BoxProps.aria-autocomplete

---

aria-braillelabel?

optional aria-braillelabel?: string

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

See

aria-label.

Inherited from

BoxProps.aria-braillelabel

---

aria-brailleroledescription?

optional aria-brailleroledescription?: string

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

BoxProps.aria-brailleroledescription

---

aria-busy?

optional aria-busy?: Booleanish

Inherited from

BoxProps.aria-busy

---

aria-checked?

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

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

See

• aria-pressed
• aria-selected.

Inherited from

BoxProps.aria-checked

---

aria-colcount?

optional aria-colcount?: number

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

See

aria-colindex.

Inherited from

BoxProps.aria-colcount

---

aria-colindex?

optional aria-colindex?: number

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

BoxProps.aria-colindex

---

aria-colindextext?

optional aria-colindextext?: string

Defines a human readable text alternative of aria-colindex.

See

aria-rowindextext.

Inherited from

BoxProps.aria-colindextext

---

aria-colspan?

optional aria-colspan?: number

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

See

• aria-colindex
• aria-rowspan.

Inherited from

BoxProps.aria-colspan

---

aria-controls?

optional aria-controls?: string

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

See

aria-owns.

Inherited from

BoxProps.aria-controls

---

aria-current?

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

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

Inherited from

BoxProps.aria-current

---

aria-describedby?

optional aria-describedby?: string

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

See

aria-labelledby

Inherited from

BoxProps.aria-describedby

---

aria-description?

optional aria-description?: string

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

See

related aria-describedby.

Inherited from

BoxProps.aria-description

---

aria-details?

optional aria-details?: string

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

See

aria-describedby.

Inherited from

BoxProps.aria-details

---

aria-disabled?

optional aria-disabled?: Booleanish

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

See

• aria-hidden
• aria-readonly.

Inherited from

BoxProps.aria-disabled

---

aria-dropeffect?

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

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

Deprecated

in ARIA 1.1

Inherited from

BoxProps.aria-dropeffect

---

aria-errormessage?

optional aria-errormessage?: string

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

See

• aria-invalid
• aria-describedby.

Inherited from

BoxProps.aria-errormessage

---

aria-expanded?

optional aria-expanded?: Booleanish

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

Inherited from

BoxProps.aria-expanded

---

aria-flowto?

optional aria-flowto?: string

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

BoxProps.aria-flowto

---

aria-grabbed?

optional aria-grabbed?: Booleanish

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

Deprecated

in ARIA 1.1

Inherited from

BoxProps.aria-grabbed

---

aria-haspopup?

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

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

Inherited from

BoxProps.aria-haspopup

---

aria-hidden?

optional aria-hidden?: Booleanish

Indicates whether the element is exposed to an accessibility API.

See

aria-disabled.

Inherited from

BoxProps.aria-hidden

---

aria-invalid?

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

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

See

aria-errormessage.

Inherited from

BoxProps.aria-invalid

---

aria-keyshortcuts?

optional aria-keyshortcuts?: string

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

Inherited from

BoxProps.aria-keyshortcuts

---

aria-label?

optional aria-label?: string

Defines a string value that labels the current element.

See

aria-labelledby.

Inherited from

BoxProps.aria-label

---

aria-labelledby?

optional aria-labelledby?: string

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

See

aria-describedby.

Inherited from

BoxProps.aria-labelledby

---

aria-level?

optional aria-level?: number

Defines the hierarchical level of an element within a structure.

Inherited from

BoxProps.aria-level

---

aria-live?

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

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

BoxProps.aria-live

---

aria-modal?

optional aria-modal?: Booleanish

Indicates whether an element is modal when displayed.

Inherited from

BoxProps.aria-modal

---

aria-multiline?

optional aria-multiline?: Booleanish

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

Inherited from

BoxProps.aria-multiline

---

aria-multiselectable?

optional aria-multiselectable?: Booleanish

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

Inherited from

BoxProps.aria-multiselectable

---

aria-orientation?

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

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

Inherited from

BoxProps.aria-orientation

---

aria-owns?

optional aria-owns?: string

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

BoxProps.aria-owns

---

aria-placeholder?

optional aria-placeholder?: string

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

BoxProps.aria-placeholder

---

aria-posinset?

optional aria-posinset?: number

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

BoxProps.aria-posinset

---

aria-pressed?

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

Indicates the current "pressed" state of toggle buttons.

See

• aria-checked
• aria-selected.

Inherited from

BoxProps.aria-pressed

---

aria-readonly?

optional aria-readonly?: Booleanish

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

See

aria-disabled.

Inherited from

BoxProps.aria-readonly

---

aria-relevant?

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

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

See

aria-atomic.

Inherited from

BoxProps.aria-relevant

---

aria-required?

optional aria-required?: Booleanish

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

Inherited from

BoxProps.aria-required

---

aria-roledescription?

optional aria-roledescription?: string

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

Inherited from

BoxProps.aria-roledescription

---

aria-rowcount?

optional aria-rowcount?: number

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

See

aria-rowindex.

Inherited from

BoxProps.aria-rowcount

---

aria-rowindex?

optional aria-rowindex?: number

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

BoxProps.aria-rowindex

---

aria-rowindextext?

optional aria-rowindextext?: string

Defines a human readable text alternative of aria-rowindex.

See

aria-colindextext.

Inherited from

BoxProps.aria-rowindextext

---

aria-rowspan?

optional aria-rowspan?: number

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

See

• aria-rowindex
• aria-colspan.

Inherited from

BoxProps.aria-rowspan

---

aria-selected?

optional aria-selected?: Booleanish

Indicates the current "selected" state of various widgets.

See

• aria-checked
• aria-pressed.

Inherited from

BoxProps.aria-selected

---

aria-setsize?

optional aria-setsize?: number

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

BoxProps.aria-setsize

---

aria-sort?

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

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

Inherited from

BoxProps.aria-sort

---

aria-valuemax?

optional aria-valuemax?: number

Defines the maximum allowed value for a range widget.

Inherited from

BoxProps.aria-valuemax

---

aria-valuemin?

optional aria-valuemin?: number

Defines the minimum allowed value for a range widget.

Inherited from

BoxProps.aria-valuemin

---

aria-valuenow?

optional aria-valuenow?: number

Defines the current value for a range widget.

See

aria-valuetext.

Inherited from

BoxProps.aria-valuenow

---

aria-valuetext?

optional aria-valuetext?: string

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

Inherited from

BoxProps.aria-valuetext

---

autoCapitalize?

optional autoCapitalize?: string & object | "characters" | "none" | "off" | "on" | "sentences" | "words"

Inherited from

BoxProps.autoCapitalize

---

autoCorrect?

optional autoCorrect?: string

Inherited from

BoxProps.autoCorrect

---

autoFocus?

optional autoFocus?: boolean

Inherited from

BoxProps.autoFocus

---

autoSave?

optional autoSave?: string

Inherited from

BoxProps.autoSave

---

bgcolor?

optional bgcolor?: ((theme) => ResponsiveStyleValue<readonly string[] | BackgroundColor | undefined>) | ResponsiveStyleValue<readonly string[] | BackgroundColor | undefined>

Inherited from

BoxProps.bgcolor

---

border?

optional border?: ((theme) => ResponsiveStyleValue<string & object | "-moz-initial" | "AccentColor" | "AccentColorText" | "ActiveBorder" | "ActiveCaption" | "ActiveText" | "aliceblue" | "antiquewhite" | "AppWorkspace" | "aqua" | "aquamarine" | "azure" | "Background" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "ButtonBorder" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "cadetblue" | "Canvas" | "CanvasText" | "CaptionText" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "currentColor" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "dashed" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "dotted" | "double" | "Field" | "FieldText" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "GrayText" | "green" | "greenyellow" | "grey" | "groove" | "hidden" | "Highlight" | "HighlightText" | "honeydew" | "hotpink" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "indianred" | "indigo" | "InfoBackground" | "InfoText" | "inherit" | "initial" | "inset" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "LinkText" | "magenta" | "Mark" | "MarkText" | "maroon" | "medium" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "Menu" | "MenuText" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "none" | number | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "outset" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "revert" | "revert-layer" | "ridge" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "Scrollbar" | "seagreen" | "seashell" | "SelectedItem" | "SelectedItemText" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "solid" | "springgreen" | "steelblue" | "tan" | "teal" | "thick" | "thin" | "thistle" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "tomato" | "transparent" | "turquoise" | undefined | "unset" | "violet" | "VisitedText" | "wheat" | "white" | "whitesmoke" | "Window" | "WindowFrame" | "WindowText" | "yellow" | "yellowgreen">) | ResponsiveStyleValue<string & object | "-moz-initial" | "AccentColor" | "AccentColorText" | "ActiveBorder" | "ActiveCaption" | "ActiveText" | "aliceblue" | "antiquewhite" | "AppWorkspace" | "aqua" | "aquamarine" | "azure" | "Background" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "ButtonBorder" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "cadetblue" | "Canvas" | "CanvasText" | "CaptionText" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "currentColor" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "dashed" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "dotted" | "double" | "Field" | "FieldText" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "GrayText" | "green" | "greenyellow" | "grey" | "groove" | "hidden" | "Highlight" | "HighlightText" | "honeydew" | "hotpink" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "indianred" | "indigo" | "InfoBackground" | "InfoText" | "inherit" | "initial" | "inset" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "LinkText" | "magenta" | "Mark" | "MarkText" | "maroon" | "medium" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "Menu" | "MenuText" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "none" | number | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "outset" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "revert" | "revert-layer" | "ridge" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "Scrollbar" | "seagreen" | "seashell" | "SelectedItem" | "SelectedItemText" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "solid" | "springgreen" | "steelblue" | "tan" | "teal" | "thick" | "thin" | "thistle" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "tomato" | "transparent" | "turquoise" | undefined | "unset" | "violet" | "VisitedText" | "wheat" | "white" | "whitesmoke" | "Window" | "WindowFrame" | "WindowText" | "yellow" | "yellowgreen">

Inherited from

BoxProps.border

---

borderBottom?

optional borderBottom?: ((theme) => ResponsiveStyleValue<BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.borderBottom

---

borderColor?

optional borderColor?: ((theme) => ResponsiveStyleValue<readonly string[] | BorderColor | undefined>) | ResponsiveStyleValue<readonly string[] | BorderColor | undefined>

Inherited from

BoxProps.borderColor

---

borderLeft?

optional borderLeft?: ((theme) => ResponsiveStyleValue<BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.borderLeft

---

borderRadius?

optional borderRadius?: ((theme) => ResponsiveStyleValue<BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.borderRadius

---

borderRight?

optional borderRight?: ((theme) => ResponsiveStyleValue<BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.borderRight

---

borderTop?

optional borderTop?: ((theme) => ResponsiveStyleValue<BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.borderTop

---

bottom?

optional bottom?: ((theme) => ResponsiveStyleValue<Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.bottom

---

boxShadow?

optional boxShadow?: ((theme) => ResponsiveStyleValue<number | BoxShadow | undefined>) | ResponsiveStyleValue<number | BoxShadow | undefined>

Inherited from

BoxProps.boxShadow

---

boxSizing?

optional boxSizing?: ((theme) => ResponsiveStyleValue<BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>) | ResponsiveStyleValue<BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>

Inherited from

BoxProps.boxSizing

---

children?

optional children?: ReactNode

Inherited from

BoxProps.children

---

classes?

optional classes?: Partial<ClassNameMap<never>>

Override or extend the styles applied to the component.

Inherited from

BoxProps.classes

---

className?

optional className?: string

Inherited from

BoxProps.className

---

color?

optional color?: ((theme) => ResponsiveStyleValue<readonly string[] | Color | undefined>) | ResponsiveStyleValue<readonly string[] | Color | undefined>

Inherited from

BoxProps.color

---

columnGap?

optional columnGap?: ((theme) => ResponsiveStyleValue<ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.columnGap

---

component?

optional component?: ElementType<any, keyof IntrinsicElements>

Inherited from

BoxProps.component

---

content?

optional content?: string

Inherited from

BoxProps.content

---

contentEditable?

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

Inherited from

BoxProps.contentEditable

---

contextMenu?

optional contextMenu?: string

Inherited from

BoxProps.contextMenu

---

dangerouslySetInnerHTML?

optional dangerouslySetInnerHTML?: object

__html

__html: string | TrustedHTML

Inherited from

BoxProps.dangerouslySetInnerHTML

---

datatype?

optional datatype?: string

Inherited from

BoxProps.datatype

---

defaultChecked?

optional defaultChecked?: boolean

Inherited from

BoxProps.defaultChecked

---

defaultValue?

optional defaultValue?: readonly string[] | number | string

Inherited from

BoxProps.defaultValue

---

dir?

optional dir?: string

Inherited from

BoxProps.dir

---

disabled?

optional disabled?: boolean

If true, the component will be disabled.

Inherited from

DisabledProps.disabled

---

display?

optional display?: ((theme) => ResponsiveStyleValue<readonly string[] | Display | undefined>) | ResponsiveStyleValue<readonly string[] | Display | undefined>

Inherited from

BoxProps.display

---

displayPrint?

optional displayPrint?: ((theme) => ResponsiveStyleValue<readonly string[] | Display | undefined>) | ResponsiveStyleValue<readonly string[] | Display | undefined>

Inherited from

BoxProps.displayPrint

---

draggable?

optional draggable?: Booleanish

Inherited from

BoxProps.draggable

---

enterKeyHint?

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

Inherited from

BoxProps.enterKeyHint

---

exportparts?

optional exportparts?: string

See

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

Inherited from

BoxProps.exportparts

---

flex?

optional flex?: ((theme) => ResponsiveStyleValue<Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.flex

---

flexBasis?

optional flexBasis?: ((theme) => ResponsiveStyleValue<FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.flexBasis

---

flexDirection?

optional flexDirection?: ((theme) => ResponsiveStyleValue<FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>) | ResponsiveStyleValue<FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>

Inherited from

BoxProps.flexDirection

---

flexGrow?

optional flexGrow?: ((theme) => ResponsiveStyleValue<FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>) | ResponsiveStyleValue<FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>

Inherited from

BoxProps.flexGrow

---

flexShrink?

optional flexShrink?: ((theme) => ResponsiveStyleValue<FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>) | ResponsiveStyleValue<FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>

Inherited from

BoxProps.flexShrink

---

flexWrap?

optional flexWrap?: ((theme) => ResponsiveStyleValue<FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>) | ResponsiveStyleValue<FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>

Inherited from

BoxProps.flexWrap

---

fontFamily?

optional fontFamily?: ((theme) => ResponsiveStyleValue<readonly string[] | FontFamily | undefined>) | ResponsiveStyleValue<readonly string[] | FontFamily | undefined>

Inherited from

BoxProps.fontFamily

---

fontSize?

optional fontSize?: ((theme) => ResponsiveStyleValue<FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.fontSize

---

fontStyle?

optional fontStyle?: ((theme) => ResponsiveStyleValue<readonly string[] | FontStyle | undefined>) | ResponsiveStyleValue<readonly string[] | FontStyle | undefined>

Inherited from

BoxProps.fontStyle

---

fontWeight?

optional fontWeight?: ((theme) => ResponsiveStyleValue<string & object | number & object | string | undefined>) | ResponsiveStyleValue<string & object | number & object | string | undefined>

Inherited from

BoxProps.fontWeight

---

gap?

optional gap?: ((theme) => ResponsiveStyleValue<Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.gap

---

gridArea?

optional gridArea?: ((theme) => ResponsiveStyleValue<GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>) | ResponsiveStyleValue<GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>

Inherited from

BoxProps.gridArea

---

gridAutoColumns?

optional gridAutoColumns?: ((theme) => ResponsiveStyleValue<GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.gridAutoColumns

---

gridAutoFlow?

optional gridAutoFlow?: ((theme) => ResponsiveStyleValue<readonly string[] | GridAutoFlow | undefined>) | ResponsiveStyleValue<readonly string[] | GridAutoFlow | undefined>

Inherited from

BoxProps.gridAutoFlow

---

gridAutoRows?

optional gridAutoRows?: ((theme) => ResponsiveStyleValue<GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.gridAutoRows

---

gridColumn?

optional gridColumn?: ((theme) => ResponsiveStyleValue<GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>) | ResponsiveStyleValue<GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>

Inherited from

BoxProps.gridColumn

---

gridRow?

optional gridRow?: ((theme) => ResponsiveStyleValue<GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>) | ResponsiveStyleValue<GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>

Inherited from

BoxProps.gridRow

---

gridTemplateAreas?

optional gridTemplateAreas?: ((theme) => ResponsiveStyleValue<readonly string[] | GridTemplateAreas | undefined>) | ResponsiveStyleValue<readonly string[] | GridTemplateAreas | undefined>

Inherited from

BoxProps.gridTemplateAreas

---

gridTemplateColumns?

optional gridTemplateColumns?: ((theme) => ResponsiveStyleValue<GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.gridTemplateColumns

---

gridTemplateRows?

optional gridTemplateRows?: ((theme) => ResponsiveStyleValue<GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.gridTemplateRows

---

height?

optional height?: ((theme) => ResponsiveStyleValue<Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.height

---

hidden?

optional hidden?: boolean

Inherited from

BoxProps.hidden

---

id?

optional id?: string

Inherited from

BoxProps.id

---

inert?

optional inert?: boolean

See

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

Inherited from

BoxProps.inert

---

inlist?

optional inlist?: any

Inherited from

BoxProps.inlist

---

inputMode?

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

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

BoxProps.inputMode

---

is?

optional is?: string

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

BoxProps.is

---

itemID?

optional itemID?: string

Inherited from

BoxProps.itemID

---

itemProp?

optional itemProp?: string

Inherited from

BoxProps.itemProp

---

itemRef?

optional itemRef?: string

Inherited from

BoxProps.itemRef

---

itemScope?

optional itemScope?: boolean

Inherited from

BoxProps.itemScope

---

itemType?

optional itemType?: string

Inherited from

BoxProps.itemType

---

justifyContent?

optional justifyContent?: ((theme) => ResponsiveStyleValue<readonly string[] | JustifyContent | undefined>) | ResponsiveStyleValue<readonly string[] | JustifyContent | undefined>

Inherited from

BoxProps.justifyContent

---

justifyItems?

optional justifyItems?: ((theme) => ResponsiveStyleValue<readonly string[] | JustifyItems | undefined>) | ResponsiveStyleValue<readonly string[] | JustifyItems | undefined>

Inherited from

BoxProps.justifyItems

---

justifySelf?

optional justifySelf?: ((theme) => ResponsiveStyleValue<readonly string[] | JustifySelf | undefined>) | ResponsiveStyleValue<readonly string[] | JustifySelf | undefined>

Inherited from

BoxProps.justifySelf

---

key?

optional key?: Key | null

Inherited from

BoxProps.key

---

lang?

optional lang?: string

Inherited from

BoxProps.lang

---

left?

optional left?: ((theme) => ResponsiveStyleValue<Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.left

---

letterSpacing?

optional letterSpacing?: ((theme) => ResponsiveStyleValue<LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.letterSpacing

---

lineHeight?

optional lineHeight?: ((theme) => ResponsiveStyleValue<LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.lineHeight

---

m?

optional m?: ((theme) => ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.m

---

margin?

optional margin?: ((theme) => ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.margin

---

marginBlock?

optional marginBlock?: ((theme) => ResponsiveStyleValue<MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginBlock

---

marginBlockEnd?

optional marginBlockEnd?: ((theme) => ResponsiveStyleValue<MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginBlockEnd

---

marginBlockStart?

optional marginBlockStart?: ((theme) => ResponsiveStyleValue<MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginBlockStart

---

marginBottom?

optional marginBottom?: ((theme) => ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginBottom

---

marginInline?

optional marginInline?: ((theme) => ResponsiveStyleValue<MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginInline

---

marginInlineEnd?

optional marginInlineEnd?: ((theme) => ResponsiveStyleValue<MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginInlineEnd

---

marginInlineStart?

optional marginInlineStart?: ((theme) => ResponsiveStyleValue<MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginInlineStart

---

marginLeft?

optional marginLeft?: ((theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginLeft

---

marginRight?

optional marginRight?: ((theme) => ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginRight

---

marginTop?

optional marginTop?: ((theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginTop

---

marginX?

optional marginX?: ((theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginX

---

marginY?

optional marginY?: ((theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.marginY

---

maxHeight?

optional maxHeight?: ((theme) => ResponsiveStyleValue<MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.maxHeight

---

maxWidth?

optional maxWidth?: ((theme) => ResponsiveStyleValue<MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.maxWidth

---

mb?

optional mb?: ((theme) => ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.mb

---

minHeight?

optional minHeight?: ((theme) => ResponsiveStyleValue<MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.minHeight

---

minWidth?

optional minWidth?: ((theme) => ResponsiveStyleValue<MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.minWidth

---

ml?

optional ml?: ((theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.ml

---

mr?

optional mr?: ((theme) => ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.mr

---

mt?

optional mt?: ((theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.mt

---

mx?

optional mx?: ((theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.mx

---

my?

optional my?: ((theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.my

---

nonce?

optional nonce?: string

Inherited from

BoxProps.nonce

---

onAbort?

optional onAbort?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAbort

---

onAbortCapture?

optional onAbortCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAbortCapture

---

onAnimationEnd?

optional onAnimationEnd?: AnimationEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAnimationEnd

---

onAnimationEndCapture?

optional onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAnimationEndCapture

---

onAnimationIteration?

optional onAnimationIteration?: AnimationEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAnimationIteration

---

onAnimationIterationCapture?

optional onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAnimationIterationCapture

---

onAnimationStart?

optional onAnimationStart?: AnimationEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAnimationStart

---

onAnimationStartCapture?

optional onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAnimationStartCapture

---

onAuxClick?

optional onAuxClick?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAuxClick

---

onAuxClickCapture?

optional onAuxClickCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onAuxClickCapture

---

onBeforeInput?

optional onBeforeInput?: InputEventHandler<HTMLDivElement>

Inherited from

BoxProps.onBeforeInput

---

onBeforeInputCapture?

optional onBeforeInputCapture?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onBeforeInputCapture

---

onBeforeToggle?

optional onBeforeToggle?: ToggleEventHandler<HTMLDivElement>

Inherited from

BoxProps.onBeforeToggle

---

onBlur?

optional onBlur?: FocusEventHandler<HTMLDivElement>

Inherited from

BoxProps.onBlur

---

onBlurCapture?

optional onBlurCapture?: FocusEventHandler<HTMLDivElement>

Inherited from

BoxProps.onBlurCapture

---

onCanPlay?

optional onCanPlay?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCanPlay

---

onCanPlayCapture?

optional onCanPlayCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCanPlayCapture

---

onCanPlayThrough?

optional onCanPlayThrough?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCanPlayThrough

---

onCanPlayThroughCapture?

optional onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCanPlayThroughCapture

---

onChange?

optional onChange?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onChange

---

onChangeCapture?

optional onChangeCapture?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onChangeCapture

---

onClick?

optional onClick?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onClick

---

onClickCapture?

optional onClickCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onClickCapture

---

onCompositionEnd?

optional onCompositionEnd?: CompositionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCompositionEnd

---

onCompositionEndCapture?

optional onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCompositionEndCapture

---

onCompositionStart?

optional onCompositionStart?: CompositionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCompositionStart

---

onCompositionStartCapture?

optional onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCompositionStartCapture

---

onCompositionUpdate?

optional onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCompositionUpdate

---

onCompositionUpdateCapture?

optional onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCompositionUpdateCapture

---

onContextMenu?

optional onContextMenu?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onContextMenu

---

onContextMenuCapture?

optional onContextMenuCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onContextMenuCapture

---

onCopy?

optional onCopy?: ClipboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCopy

---

onCopyCapture?

optional onCopyCapture?: ClipboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCopyCapture

---

onCut?

optional onCut?: ClipboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCut

---

onCutCapture?

optional onCutCapture?: ClipboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onCutCapture

---

onDoubleClick?

optional onDoubleClick?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDoubleClick

---

onDoubleClickCapture?

optional onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDoubleClickCapture

---

onDrag?

optional onDrag?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDrag

---

onDragCapture?

optional onDragCapture?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragCapture

---

onDragEnd?

optional onDragEnd?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragEnd

---

onDragEndCapture?

optional onDragEndCapture?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragEndCapture

---

onDragEnter?

optional onDragEnter?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragEnter

---

onDragEnterCapture?

optional onDragEnterCapture?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragEnterCapture

---

onDragExit?

optional onDragExit?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragExit

---

onDragExitCapture?

optional onDragExitCapture?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragExitCapture

---

onDragLeave?

optional onDragLeave?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragLeave

---

onDragLeaveCapture?

optional onDragLeaveCapture?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragLeaveCapture

---

onDragOver?

optional onDragOver?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragOver

---

onDragOverCapture?

optional onDragOverCapture?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragOverCapture

---

onDragStart?

optional onDragStart?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragStart

---

onDragStartCapture?

optional onDragStartCapture?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDragStartCapture

---

onDrop?

optional onDrop?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDrop

---

onDropCapture?

optional onDropCapture?: DragEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDropCapture

---

onDurationChange?

optional onDurationChange?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDurationChange

---

onDurationChangeCapture?

optional onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onDurationChangeCapture

---

onEmptied?

optional onEmptied?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onEmptied

---

onEmptiedCapture?

optional onEmptiedCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onEmptiedCapture

---

onEncrypted?

optional onEncrypted?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onEncrypted

---

onEncryptedCapture?

optional onEncryptedCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onEncryptedCapture

---

onEnded?

optional onEnded?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onEnded

---

onEndedCapture?

optional onEndedCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onEndedCapture

---

onError?

optional onError?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onError

---

onErrorCapture?

optional onErrorCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onErrorCapture

---

onFocus?

optional onFocus?: FocusEventHandler<HTMLDivElement>

Inherited from

BoxProps.onFocus

---

onFocusCapture?

optional onFocusCapture?: FocusEventHandler<HTMLDivElement>

Inherited from

BoxProps.onFocusCapture

---

onGotPointerCapture?

optional onGotPointerCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onGotPointerCapture

---

onGotPointerCaptureCapture?

optional onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onGotPointerCaptureCapture

---

onInput?

optional onInput?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onInput

---

onInputCapture?

optional onInputCapture?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onInputCapture

---

onInvalid?

optional onInvalid?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onInvalid

---

onInvalidCapture?

optional onInvalidCapture?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onInvalidCapture

---

onKeyDown?

optional onKeyDown?: KeyboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onKeyDown

---

onKeyDownCapture?

optional onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onKeyDownCapture

---

onKeyPress?

optional onKeyPress?: KeyboardEventHandler<HTMLDivElement>

Deprecated

Use onKeyUp or onKeyDown instead

Inherited from

BoxProps.onKeyPress

---

onKeyPressCapture?

optional onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>

Deprecated

Use onKeyUpCapture or onKeyDownCapture instead

Inherited from

BoxProps.onKeyPressCapture

---

onKeyUp?

optional onKeyUp?: KeyboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onKeyUp

---

onKeyUpCapture?

optional onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onKeyUpCapture

---

onLoad?

optional onLoad?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLoad

---

onLoadCapture?

optional onLoadCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLoadCapture

---

onLoadedData?

optional onLoadedData?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLoadedData

---

onLoadedDataCapture?

optional onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLoadedDataCapture

---

onLoadedMetadata?

optional onLoadedMetadata?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLoadedMetadata

---

onLoadedMetadataCapture?

optional onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLoadedMetadataCapture

---

onLoadStart?

optional onLoadStart?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLoadStart

---

onLoadStartCapture?

optional onLoadStartCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLoadStartCapture

---

onLostPointerCapture?

optional onLostPointerCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLostPointerCapture

---

onLostPointerCaptureCapture?

optional onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onLostPointerCaptureCapture

---

onMouseDown?

optional onMouseDown?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseDown

---

onMouseDownCapture?

optional onMouseDownCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseDownCapture

---

onMouseEnter?

optional onMouseEnter?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseEnter

---

onMouseLeave?

optional onMouseLeave?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseLeave

---

onMouseMove?

optional onMouseMove?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseMove

---

onMouseMoveCapture?

optional onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseMoveCapture

---

onMouseOut?

optional onMouseOut?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseOut

---

onMouseOutCapture?

optional onMouseOutCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseOutCapture

---

onMouseOver?

optional onMouseOver?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseOver

---

onMouseOverCapture?

optional onMouseOverCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseOverCapture

---

onMouseUp?

optional onMouseUp?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseUp

---

onMouseUpCapture?

optional onMouseUpCapture?: MouseEventHandler<HTMLDivElement>

Inherited from

BoxProps.onMouseUpCapture

---

onPaste?

optional onPaste?: ClipboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPaste

---

onPasteCapture?

optional onPasteCapture?: ClipboardEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPasteCapture

---

onPause?

optional onPause?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPause

---

onPauseCapture?

optional onPauseCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPauseCapture

---

onPlay?

optional onPlay?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPlay

---

onPlayCapture?

optional onPlayCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPlayCapture

---

onPlaying?

optional onPlaying?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPlaying

---

onPlayingCapture?

optional onPlayingCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPlayingCapture

---

onPointerCancel?

optional onPointerCancel?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerCancel

---

onPointerCancelCapture?

optional onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerCancelCapture

---

onPointerDown?

optional onPointerDown?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerDown

---

onPointerDownCapture?

optional onPointerDownCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerDownCapture

---

onPointerEnter?

optional onPointerEnter?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerEnter

---

onPointerLeave?

optional onPointerLeave?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerLeave

---

onPointerMove?

optional onPointerMove?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerMove

---

onPointerMoveCapture?

optional onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerMoveCapture

---

onPointerOut?

optional onPointerOut?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerOut

---

onPointerOutCapture?

optional onPointerOutCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerOutCapture

---

onPointerOver?

optional onPointerOver?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerOver

---

onPointerOverCapture?

optional onPointerOverCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerOverCapture

---

onPointerUp?

optional onPointerUp?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerUp

---

onPointerUpCapture?

optional onPointerUpCapture?: PointerEventHandler<HTMLDivElement>

Inherited from

BoxProps.onPointerUpCapture

---

onProgress?

optional onProgress?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onProgress

---

onProgressCapture?

optional onProgressCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onProgressCapture

---

onRateChange?

optional onRateChange?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onRateChange

---

onRateChangeCapture?

optional onRateChangeCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onRateChangeCapture

---

onReset?

optional onReset?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onReset

---

onResetCapture?

optional onResetCapture?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onResetCapture

---

onScroll?

optional onScroll?: UIEventHandler<HTMLDivElement>

Inherited from

BoxProps.onScroll

---

onScrollCapture?

optional onScrollCapture?: UIEventHandler<HTMLDivElement>

Inherited from

BoxProps.onScrollCapture

---

onScrollEnd?

optional onScrollEnd?: UIEventHandler<HTMLDivElement>

Inherited from

BoxProps.onScrollEnd

---

onScrollEndCapture?

optional onScrollEndCapture?: UIEventHandler<HTMLDivElement>

Inherited from

BoxProps.onScrollEndCapture

---

onSeeked?

optional onSeeked?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSeeked

---

onSeekedCapture?

optional onSeekedCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSeekedCapture

---

onSeeking?

optional onSeeking?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSeeking

---

onSeekingCapture?

optional onSeekingCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSeekingCapture

---

onSelect?

optional onSelect?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSelect

---

onSelectCapture?

optional onSelectCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSelectCapture

---

onStalled?

optional onStalled?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onStalled

---

onStalledCapture?

optional onStalledCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onStalledCapture

---

onSubmit?

optional onSubmit?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSubmit

---

onSubmitCapture?

optional onSubmitCapture?: FormEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSubmitCapture

---

onSuspend?

optional onSuspend?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSuspend

---

onSuspendCapture?

optional onSuspendCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onSuspendCapture

---

onTimeUpdate?

optional onTimeUpdate?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTimeUpdate

---

onTimeUpdateCapture?

optional onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTimeUpdateCapture

---

onToggle?

optional onToggle?: ToggleEventHandler<HTMLDivElement>

Inherited from

BoxProps.onToggle

---

onTouchCancel?

optional onTouchCancel?: TouchEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTouchCancel

---

onTouchCancelCapture?

optional onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTouchCancelCapture

---

onTouchEnd?

optional onTouchEnd?: TouchEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTouchEnd

---

onTouchEndCapture?

optional onTouchEndCapture?: TouchEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTouchEndCapture

---

onTouchMove?

optional onTouchMove?: TouchEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTouchMove

---

onTouchMoveCapture?

optional onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTouchMoveCapture

---

onTouchStart?

optional onTouchStart?: TouchEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTouchStart

---

onTouchStartCapture?

optional onTouchStartCapture?: TouchEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTouchStartCapture

---

onTransitionCancel?

optional onTransitionCancel?: TransitionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTransitionCancel

---

onTransitionCancelCapture?

optional onTransitionCancelCapture?: TransitionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTransitionCancelCapture

---

onTransitionEnd?

optional onTransitionEnd?: TransitionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTransitionEnd

---

onTransitionEndCapture?

optional onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTransitionEndCapture

---

onTransitionRun?

optional onTransitionRun?: TransitionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTransitionRun

---

onTransitionRunCapture?

optional onTransitionRunCapture?: TransitionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTransitionRunCapture

---

onTransitionStart?

optional onTransitionStart?: TransitionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTransitionStart

---

onTransitionStartCapture?

optional onTransitionStartCapture?: TransitionEventHandler<HTMLDivElement>

Inherited from

BoxProps.onTransitionStartCapture

---

onVolumeChange?

optional onVolumeChange?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onVolumeChange

---

onVolumeChangeCapture?

optional onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onVolumeChangeCapture

---

onWaiting?

optional onWaiting?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onWaiting

---

onWaitingCapture?

optional onWaitingCapture?: ReactEventHandler<HTMLDivElement>

Inherited from

BoxProps.onWaitingCapture

---

onWheel?

optional onWheel?: WheelEventHandler<HTMLDivElement>

Inherited from

BoxProps.onWheel

---

onWheelCapture?

optional onWheelCapture?: WheelEventHandler<HTMLDivElement>

Inherited from

BoxProps.onWheelCapture

---

order?

optional order?: ((theme) => ResponsiveStyleValue<Order | readonly NonNullable<Order | undefined>[] | undefined>) | ResponsiveStyleValue<Order | readonly NonNullable<Order | undefined>[] | undefined>

Inherited from

BoxProps.order

---

overflow?

optional overflow?: ((theme) => ResponsiveStyleValue<readonly string[] | Overflow | undefined>) | ResponsiveStyleValue<readonly string[] | Overflow | undefined>

Inherited from

BoxProps.overflow

---

p?

optional p?: ((theme) => ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.p

---

padding?

optional padding?: ((theme) => ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.padding

---

paddingBlock?

optional paddingBlock?: ((theme) => ResponsiveStyleValue<PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingBlock

---

paddingBlockEnd?

optional paddingBlockEnd?: ((theme) => ResponsiveStyleValue<PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingBlockEnd

---

paddingBlockStart?

optional paddingBlockStart?: ((theme) => ResponsiveStyleValue<PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingBlockStart

---

paddingBottom?

optional paddingBottom?: ((theme) => ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingBottom

---

paddingInline?

optional paddingInline?: ((theme) => ResponsiveStyleValue<PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingInline

---

paddingInlineEnd?

optional paddingInlineEnd?: ((theme) => ResponsiveStyleValue<PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingInlineEnd

---

paddingInlineStart?

optional paddingInlineStart?: ((theme) => ResponsiveStyleValue<PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingInlineStart

---

paddingLeft?

optional paddingLeft?: ((theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingLeft

---

paddingRight?

optional paddingRight?: ((theme) => ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingRight

---

paddingTop?

optional paddingTop?: ((theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingTop

---

paddingX?

optional paddingX?: ((theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingX

---

paddingY?

optional paddingY?: ((theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.paddingY

---

part?

optional part?: string

See

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

Inherited from

BoxProps.part

---

pb?

optional pb?: ((theme) => ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.pb

---

pl?

optional pl?: ((theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.pl

---

popover?

optional popover?: "" | "auto" | "hint" | "manual"

Inherited from

BoxProps.popover

---

popoverTarget?

optional popoverTarget?: string

Inherited from

BoxProps.popoverTarget

---

popoverTargetAction?

optional popoverTargetAction?: "hide" | "show" | "toggle"

Inherited from

BoxProps.popoverTargetAction

---

position?

optional position?: ((theme) => ResponsiveStyleValue<Position | readonly NonNullable<Position | undefined>[] | undefined>) | ResponsiveStyleValue<Position | readonly NonNullable<Position | undefined>[] | undefined>

Inherited from

BoxProps.position

---

pr?

optional pr?: ((theme) => ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.pr

---

prefix?

optional prefix?: string

Inherited from

BoxProps.prefix

---

property?

optional property?: string

Inherited from

BoxProps.property

---

pt?

optional pt?: ((theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.pt

---

px?

optional px?: ((theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.px

---

py?

optional py?: ((theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.py

---

radioGroup?

optional radioGroup?: string

Inherited from

BoxProps.radioGroup

---

readOnly?

optional readOnly?: boolean

If true, the component will be read-only.

Inherited from

ReadOnlyProps.readOnly

---

ref?

optional ref?: Ref<unknown>

Inherited from

BoxProps.ref

---

rel?

optional rel?: string

Inherited from

BoxProps.rel

---

resource?

optional resource?: string

Inherited from

BoxProps.resource

---

results?

optional results?: number

Inherited from

BoxProps.results

---

rev?

optional rev?: string

Inherited from

BoxProps.rev

---

right?

optional right?: ((theme) => ResponsiveStyleValue<Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.right

---

role?

optional role?: AriaRole

Inherited from

BoxProps.role

---

rowGap?

optional rowGap?: ((theme) => ResponsiveStyleValue<RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.rowGap

---

security?

optional security?: string

Inherited from

BoxProps.security

---

slot?

optional slot?: string

Inherited from

BoxProps.slot

---

spellCheck?

optional spellCheck?: Booleanish

Inherited from

BoxProps.spellCheck

---

style?

optional style?: CSSProperties

Inherited from

BoxProps.style

---

suppressContentEditableWarning?

optional suppressContentEditableWarning?: boolean

Inherited from

BoxProps.suppressContentEditableWarning

---

suppressHydrationWarning?

optional suppressHydrationWarning?: boolean

Inherited from

BoxProps.suppressHydrationWarning

---

sx?

optional sx?: SxProps<Theme>

The system prop that allows defining system overrides as well as additional CSS styles.

Inherited from

BoxProps.sx

---

tabIndex?

optional tabIndex?: number

Inherited from

BoxProps.tabIndex

---

textAlign?

optional textAlign?: ((theme) => ResponsiveStyleValue<TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>) | ResponsiveStyleValue<TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>

Inherited from

BoxProps.textAlign

---

textOverflow?

optional textOverflow?: ((theme) => ResponsiveStyleValue<readonly string[] | TextOverflow | undefined>) | ResponsiveStyleValue<readonly string[] | TextOverflow | undefined>

Inherited from

BoxProps.textOverflow

---

textTransform?

optional textTransform?: ((theme) => ResponsiveStyleValue<readonly string[] | TextTransform | undefined>) | ResponsiveStyleValue<readonly string[] | TextTransform | undefined>

Inherited from

BoxProps.textTransform

---

title?

optional title?: string

Inherited from

BoxProps.title

---

top?

optional top?: ((theme) => ResponsiveStyleValue<Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.top

---

translate?

optional translate?: "no" | "yes"

Inherited from

BoxProps.translate

---

typeof?

optional typeof?: string

Inherited from

BoxProps.typeof

---

typography?

optional typography?: ((theme) => ResponsiveStyleValue<string | undefined>) | ResponsiveStyleValue<string | undefined>

Inherited from

BoxProps.typography

---

unselectable?

optional unselectable?: "off" | "on"

Inherited from

BoxProps.unselectable

---

visibility?

optional visibility?: ((theme) => ResponsiveStyleValue<Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>) | ResponsiveStyleValue<Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>

Inherited from

BoxProps.visibility

---

vocab?

optional vocab?: string

Inherited from

BoxProps.vocab

---

whiteSpace?

optional whiteSpace?: ((theme) => ResponsiveStyleValue<readonly string[] | WhiteSpace | undefined>) | ResponsiveStyleValue<readonly string[] | WhiteSpace | undefined>

Inherited from

BoxProps.whiteSpace

---

width?

optional width?: ((theme) => ResponsiveStyleValue<Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined>) | ResponsiveStyleValue<Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined>

Inherited from

BoxProps.width

---

zIndex?

optional zIndex?: ((theme) => ResponsiveStyleValue<string & object | number & object | string | undefined>) | ResponsiveStyleValue<string & object | number & object | string | undefined>

Inherited from

BoxProps.zIndex