Interface: ToastNotificationsProps

ToastNotifications.ToastNotificationsProps

Hierarchy

• BoxProps

  ↳ ToastNotificationsProps

Indexable

▪ [p: string]: any

Other props

Properties

alignContent

• alignContent: ResponsiveStyleValue<string[] | AlignContent> | (theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>

Inherited from

BoxProps.alignContent

---

alignItems

• alignItems: ResponsiveStyleValue<string[] | AlignItems> | (theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>

Inherited from

BoxProps.alignItems

---

alignSelf

• alignSelf: ResponsiveStyleValue<string[] | AlignSelf> | (theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>

Inherited from

BoxProps.alignSelf

---

bgcolor

• bgcolor: ResponsiveStyleValue<string[] | BackgroundColor> | (theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>

Inherited from

BoxProps.bgcolor

---

border

• border: ResponsiveStyleValue<number | "none" | "hidden" | string & | "inset" | "medium" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "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" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "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" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "thick" | "thin"> | (theme: Theme) => ResponsiveStyleValue<number | "none" | "hidden" | string & | "inset" | "medium" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "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" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "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" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "thick" | "thin">

Inherited from

BoxProps.border

---

borderBottom

• borderBottom: ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]>

Inherited from

BoxProps.borderBottom

---

borderColor

• borderColor: ResponsiveStyleValue<string[] | BorderColor> | (theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>

Inherited from

BoxProps.borderColor

---

borderLeft

• borderLeft: ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]>

Inherited from

BoxProps.borderLeft

---

borderRadius

• borderRadius: ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]>

Inherited from

BoxProps.borderRadius

---

borderRight

• borderRight: ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]>

Inherited from

BoxProps.borderRight

---

borderTop

• borderTop: ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]>

Inherited from

BoxProps.borderTop

---

bottom

• bottom: ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]>

Inherited from

BoxProps.bottom

---

boxShadow

• boxShadow: ResponsiveStyleValue<number | BoxShadow> | (theme: Theme) => ResponsiveStyleValue<number | BoxShadow>

Inherited from

BoxProps.boxShadow

---

boxSizing

• boxSizing: ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | (theme: Theme) => ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]>

Inherited from

BoxProps.boxSizing

---

color

• color: ResponsiveStyleValue<string[] | Color> | (theme: Theme) => ResponsiveStyleValue<string[] | Color>

Inherited from

BoxProps.color

---

columnGap

• columnGap: ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]>

Inherited from

BoxProps.columnGap

---

disableToastNotification

• Optional disableToastNotification: boolean

Disable Toast Notification

Defined in

packages/react-ui/src/components/ToastNotifications/ToastNotifications.tsx:39

---

display

• display: ResponsiveStyleValue<string[] | Display> | (theme: Theme) => ResponsiveStyleValue<string[] | Display>

Inherited from

BoxProps.display

---

displayPrint

• displayPrint: ResponsiveStyleValue<string[] | Display> | (theme: Theme) => ResponsiveStyleValue<string[] | Display>

Inherited from

BoxProps.displayPrint

---

flex

• flex: ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]>

Inherited from

BoxProps.flex

---

flexBasis

• flexBasis: ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]>

Inherited from

BoxProps.flexBasis

---

flexDirection

• flexDirection: ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | (theme: Theme) => ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]>

Inherited from

BoxProps.flexDirection

---

flexGrow

• flexGrow: ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | (theme: Theme) => ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]>

Inherited from

BoxProps.flexGrow

---

flexShrink

• flexShrink: ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | (theme: Theme) => ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]>

Inherited from

BoxProps.flexShrink

---

flexWrap

• flexWrap: ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | (theme: Theme) => ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]>

Inherited from

BoxProps.flexWrap

---

fontFamily

• fontFamily: ResponsiveStyleValue<string[] | FontFamily> | (theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>

Inherited from

BoxProps.fontFamily

---

fontSize

• fontSize: ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]>

Inherited from

BoxProps.fontSize

---

fontStyle

• fontStyle: ResponsiveStyleValue<string[] | FontStyle> | (theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>

Inherited from

BoxProps.fontStyle

---

fontWeight

• fontWeight: ResponsiveStyleValue<string | string & | number & > | (theme: Theme) => ResponsiveStyleValue<string | string & | number & >

Inherited from

BoxProps.fontWeight

---

gap

• gap: ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]>

Inherited from

BoxProps.gap

---

gridArea

• gridArea: ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | (theme: Theme) => ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]>

Inherited from

BoxProps.gridArea

---

gridAutoColumns

• gridAutoColumns: ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]>

Inherited from

BoxProps.gridAutoColumns

---

gridAutoFlow

• gridAutoFlow: ResponsiveStyleValue<string[] | GridAutoFlow> | (theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>

Inherited from

BoxProps.gridAutoFlow

---

gridAutoRows

• gridAutoRows: ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]>

Inherited from

BoxProps.gridAutoRows

---

gridColumn

• gridColumn: ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | (theme: Theme) => ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]>

Inherited from

BoxProps.gridColumn

---

gridRow

• gridRow: ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | (theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]>

Inherited from

BoxProps.gridRow

---

gridTemplateAreas

• gridTemplateAreas: ResponsiveStyleValue<string[] | GridTemplateAreas> | (theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>

Inherited from

BoxProps.gridTemplateAreas

---

gridTemplateColumns

• gridTemplateColumns: ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]>

Inherited from

BoxProps.gridTemplateColumns

---

gridTemplateRows

• gridTemplateRows: ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]>

Inherited from

BoxProps.gridTemplateRows

---

handleNotification

• Optional handleNotification: (type: any, data: any, content: any) => Element

Type declaration

▸ (type, data, content): Element

Handle notification

Parameters

Name	Type
type	any
data	any
content	any

Returns

Element

Defined in

packages/react-ui/src/components/ToastNotifications/ToastNotifications.tsx:34

---

height

• height: ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]>

Inherited from

BoxProps.height

---

justifyContent

• justifyContent: ResponsiveStyleValue<string[] | JustifyContent> | (theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>

Inherited from

BoxProps.justifyContent

---

justifyItems

• justifyItems: ResponsiveStyleValue<string[] | JustifyItems> | (theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>

Inherited from

BoxProps.justifyItems

---

justifySelf

• justifySelf: ResponsiveStyleValue<string[] | JustifySelf> | (theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>

Inherited from

BoxProps.justifySelf

---

left

• left: ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]>

Inherited from

BoxProps.left

---

letterSpacing

• letterSpacing: ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]>

Inherited from

BoxProps.letterSpacing

---

lineHeight

• lineHeight: ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]>

Inherited from

BoxProps.lineHeight

---

m

• m: ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]>

Inherited from

BoxProps.m

---

margin

• margin: ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]>

Inherited from

BoxProps.margin

---

marginBlock

• marginBlock: ResponsiveStyleValue<MarginBlock<string | number> | NonNullable<MarginBlock<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBlock<string | number> | NonNullable<MarginBlock<string | number>>[]>

Inherited from

BoxProps.marginBlock

---

marginBlockEnd

• marginBlockEnd: ResponsiveStyleValue<MarginBlockEnd<string | number> | NonNullable<MarginBlockEnd<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBlockEnd<string | number> | NonNullable<MarginBlockEnd<string | number>>[]>

Inherited from

BoxProps.marginBlockEnd

---

marginBlockStart

• marginBlockStart: ResponsiveStyleValue<MarginBlockStart<string | number> | NonNullable<MarginBlockStart<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBlockStart<string | number> | NonNullable<MarginBlockStart<string | number>>[]>

Inherited from

BoxProps.marginBlockStart

---

marginBottom

• marginBottom: ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]>

Inherited from

BoxProps.marginBottom

---

marginInline

• marginInline: ResponsiveStyleValue<MarginInline<string | number> | NonNullable<MarginInline<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginInline<string | number> | NonNullable<MarginInline<string | number>>[]>

Inherited from

BoxProps.marginInline

---

marginInlineEnd

• marginInlineEnd: ResponsiveStyleValue<MarginInlineEnd<string | number> | NonNullable<MarginInlineEnd<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginInlineEnd<string | number> | NonNullable<MarginInlineEnd<string | number>>[]>

Inherited from

BoxProps.marginInlineEnd

---

marginInlineStart

• marginInlineStart: ResponsiveStyleValue<MarginInlineStart<string | number> | NonNullable<MarginInlineStart<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginInlineStart<string | number> | NonNullable<MarginInlineStart<string | number>>[]>

Inherited from

BoxProps.marginInlineStart

---

marginLeft

• marginLeft: ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>

Inherited from

BoxProps.marginLeft

---

marginRight

• marginRight: ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]>

Inherited from

BoxProps.marginRight

---

marginTop

• marginTop: ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>

Inherited from

BoxProps.marginTop

---

marginX

• marginX: ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>

Inherited from

BoxProps.marginX

---

marginY

• marginY: ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>

Inherited from

BoxProps.marginY

---

maxHeight

• maxHeight: ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]>

Inherited from

BoxProps.maxHeight

---

maxWidth

• maxWidth: ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]>

Inherited from

BoxProps.maxWidth

---

mb

• mb: ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]>

Inherited from

BoxProps.mb

---

minHeight

• minHeight: ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]>

Inherited from

BoxProps.minHeight

---

minWidth

• minWidth: ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]>

Inherited from

BoxProps.minWidth

---

ml

• ml: ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>

Inherited from

BoxProps.ml

---

mr

• mr: ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]>

Inherited from

BoxProps.mr

---

mt

• mt: ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>

Inherited from

BoxProps.mt

---

mx

• mx: ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>

Inherited from

BoxProps.mx

---

my

• my: ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>

Inherited from

BoxProps.my

---

order

• order: ResponsiveStyleValue<Order | NonNullable<Order>[]> | (theme: Theme) => ResponsiveStyleValue<Order | NonNullable<Order>[]>

Inherited from

BoxProps.order

---

overflow

• overflow: ResponsiveStyleValue<string[] | Overflow> | (theme: Theme) => ResponsiveStyleValue<string[] | Overflow>

Inherited from

BoxProps.overflow

---

p

• p: ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]>

Inherited from

BoxProps.p

---

padding

• padding: ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]>

Inherited from

BoxProps.padding

---

paddingBlock

• paddingBlock: ResponsiveStyleValue<PaddingBlock<string | number> | NonNullable<PaddingBlock<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBlock<string | number> | NonNullable<PaddingBlock<string | number>>[]>

Inherited from

BoxProps.paddingBlock

---

paddingBlockEnd

• paddingBlockEnd: ResponsiveStyleValue<PaddingBlockEnd<string | number> | NonNullable<PaddingBlockEnd<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBlockEnd<string | number> | NonNullable<PaddingBlockEnd<string | number>>[]>

Inherited from

BoxProps.paddingBlockEnd

---

paddingBlockStart

• paddingBlockStart: ResponsiveStyleValue<PaddingBlockStart<string | number> | NonNullable<PaddingBlockStart<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBlockStart<string | number> | NonNullable<PaddingBlockStart<string | number>>[]>

Inherited from

BoxProps.paddingBlockStart

---

paddingBottom

• paddingBottom: ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]>

Inherited from

BoxProps.paddingBottom

---

paddingInline

• paddingInline: ResponsiveStyleValue<PaddingInline<string | number> | NonNullable<PaddingInline<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingInline<string | number> | NonNullable<PaddingInline<string | number>>[]>

Inherited from

BoxProps.paddingInline

---

paddingInlineEnd

• paddingInlineEnd: ResponsiveStyleValue<PaddingInlineEnd<string | number> | NonNullable<PaddingInlineEnd<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingInlineEnd<string | number> | NonNullable<PaddingInlineEnd<string | number>>[]>

Inherited from

BoxProps.paddingInlineEnd

---

paddingInlineStart

• paddingInlineStart: ResponsiveStyleValue<PaddingInlineStart<string | number> | NonNullable<PaddingInlineStart<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingInlineStart<string | number> | NonNullable<PaddingInlineStart<string | number>>[]>

Inherited from

BoxProps.paddingInlineStart

---

paddingLeft

• paddingLeft: ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>

Inherited from

BoxProps.paddingLeft

---

paddingRight

• paddingRight: ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]>

Inherited from

BoxProps.paddingRight

---

paddingTop

• paddingTop: ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>

Inherited from

BoxProps.paddingTop

---

paddingX

• paddingX: ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>

Inherited from

BoxProps.paddingX

---

paddingY

• paddingY: ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>

Inherited from

BoxProps.paddingY

---

pb

• pb: ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]>

Inherited from

BoxProps.pb

---

pl

• pl: ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>

Inherited from

BoxProps.pl

---

position

• position: ResponsiveStyleValue<Position | NonNullable<Position>[]> | (theme: Theme) => ResponsiveStyleValue<Position | NonNullable<Position>[]>

Inherited from

BoxProps.position

---

pr

• pr: ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]>

Inherited from

BoxProps.pr

---

pt

• pt: ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>

Inherited from

BoxProps.pt

---

px

• px: ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>

Inherited from

BoxProps.px

---

py

• py: ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>

Inherited from

BoxProps.py

---

right

• right: ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]>

Inherited from

BoxProps.right

---

rowGap

• rowGap: ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]>

Inherited from

BoxProps.rowGap

---

textAlign

• textAlign: ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | (theme: Theme) => ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]>

Inherited from

BoxProps.textAlign

---

textOverflow

• textOverflow: ResponsiveStyleValue<string[] | TextOverflow> | (theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>

Inherited from

BoxProps.textOverflow

---

textTransform

• textTransform: ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | (theme: Theme) => ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]>

Inherited from

BoxProps.textTransform

---

top

• top: ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]>

Inherited from

BoxProps.top

---

typography

• typography: ResponsiveStyleValue<string> | (theme: Theme) => ResponsiveStyleValue<string>

Inherited from

BoxProps.typography

---

visibility

• visibility: ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | (theme: Theme) => ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]>

Inherited from

BoxProps.visibility

---

whiteSpace

• whiteSpace: ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | (theme: Theme) => ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]>

Inherited from

BoxProps.whiteSpace

---

width

• width: ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]>

Inherited from

BoxProps.width

---

zIndex

• zIndex: ResponsiveStyleValue<string | string & | number & > | (theme: Theme) => ResponsiveStyleValue<string | string & | number & >

Inherited from

BoxProps.zIndex