Interface BorderPopupButtonProps

interface BorderPopupButtonProps {
    TouchRippleProps?: Partial<any>;
    alignContent: ResponsiveStyleValue<(readonly string[] | AlignContent)> | ((theme) => ResponsiveStyleValue<(readonly string[] | AlignContent)>);
    alignItems: ResponsiveStyleValue<(readonly string[] | AlignItems)> | ((theme) => ResponsiveStyleValue<(readonly string[] | AlignItems)>);
    alignSelf: ResponsiveStyleValue<(readonly string[] | AlignSelf)> | ((theme) => ResponsiveStyleValue<(readonly string[] | AlignSelf)>);
    autoColor?: AdjustedColor;
    autoStrokeStyle?: BorderStrokeStyle;
    bgcolor: ResponsiveStyleValue<(readonly string[] | BackgroundColor)> | ((theme) => ResponsiveStyleValue<(readonly string[] | BackgroundColor)>);
    border: ResponsiveStyleValue<number | "none" | "unset" | string & {} | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "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" | "inset" | "outset" | "ridge" | "solid" | "medium" | "thick" | "thin"> | ((theme) => ResponsiveStyleValue<number | "none" | "unset" | string & {} | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "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" | "inset" | "outset" | "ridge" | "solid" | "medium" | "thick" | "thin">);
    borderBottom: ResponsiveStyleValue<(BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number>>[])> | ((theme) => ResponsiveStyleValue<(BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number>>[])>);
    borderColor: ResponsiveStyleValue<(readonly string[] | BorderColor)> | ((theme) => ResponsiveStyleValue<(readonly string[] | BorderColor)>);
    borderLeft: ResponsiveStyleValue<(BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number>>[])>);
    borderRadius: ResponsiveStyleValue<(BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number>>[])> | ((theme) => ResponsiveStyleValue<(BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number>>[])>);
    borderRight: ResponsiveStyleValue<(BorderRight<string | number> | readonly NonNullable<BorderRight<string | number>>[])> | ((theme) => ResponsiveStyleValue<(BorderRight<string | number> | readonly NonNullable<BorderRight<string | number>>[])>);
    borderTop: ResponsiveStyleValue<(BorderTop<string | number> | readonly NonNullable<BorderTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(BorderTop<string | number> | readonly NonNullable<BorderTop<string | number>>[])>);
    bottom: ResponsiveStyleValue<(Bottom<string | number> | readonly NonNullable<Bottom<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Bottom<string | number> | readonly NonNullable<Bottom<string | number>>[])>);
    boxShadow: ResponsiveStyleValue<(number | BoxShadow)> | ((theme) => ResponsiveStyleValue<(number | BoxShadow)>);
    boxSizing: ResponsiveStyleValue<(BoxSizing | readonly NonNullable<BoxSizing>[])> | ((theme) => ResponsiveStyleValue<(BoxSizing | readonly NonNullable<BoxSizing>[])>);
    buttonProps?: BoxProps;
    columnGap: ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number>>[])> | ((theme) => ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number>>[])>);
    createQuickButton?: ((props) => ReactNode);
    createTooltip?: ((props, disabled) => Element);
    darkMode?: boolean;
    dense?: boolean;
    disableHover?: boolean;
    disabled?: boolean;
    display: ResponsiveStyleValue<(readonly string[] | Display)> | ((theme) => ResponsiveStyleValue<(readonly string[] | Display)>);
    displayPrint: ResponsiveStyleValue<(readonly string[] | Display)> | ((theme) => ResponsiveStyleValue<(readonly string[] | Display)>);
    flex: ResponsiveStyleValue<(Flex<string | number> | readonly NonNullable<Flex<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Flex<string | number> | readonly NonNullable<Flex<string | number>>[])>);
    flexBasis: ResponsiveStyleValue<(FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number>>[])> | ((theme) => ResponsiveStyleValue<(FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number>>[])>);
    flexDirection: ResponsiveStyleValue<(FlexDirection | readonly NonNullable<FlexDirection>[])> | ((theme) => ResponsiveStyleValue<(FlexDirection | readonly NonNullable<FlexDirection>[])>);
    flexGrow: ResponsiveStyleValue<(FlexGrow | readonly NonNullable<FlexGrow>[])> | ((theme) => ResponsiveStyleValue<(FlexGrow | readonly NonNullable<FlexGrow>[])>);
    flexShrink: ResponsiveStyleValue<(FlexShrink | readonly NonNullable<FlexShrink>[])> | ((theme) => ResponsiveStyleValue<(FlexShrink | readonly NonNullable<FlexShrink>[])>);
    flexWrap: ResponsiveStyleValue<(FlexWrap | readonly NonNullable<FlexWrap>[])> | ((theme) => ResponsiveStyleValue<(FlexWrap | readonly NonNullable<FlexWrap>[])>);
    fontFamily: ResponsiveStyleValue<(readonly string[] | FontFamily)> | ((theme) => ResponsiveStyleValue<(readonly string[] | FontFamily)>);
    fontSize: ResponsiveStyleValue<(FontSize<string | number> | readonly NonNullable<FontSize<string | number>>[])> | ((theme) => ResponsiveStyleValue<(FontSize<string | number> | readonly NonNullable<FontSize<string | number>>[])>);
    fontStyle: ResponsiveStyleValue<(readonly string[] | FontStyle)> | ((theme) => ResponsiveStyleValue<(readonly string[] | FontStyle)>);
    fontWeight: ResponsiveStyleValue<string | string & {} | number & {}> | ((theme) => ResponsiveStyleValue<string | string & {} | number & {}>);
    gap: ResponsiveStyleValue<(Gap<string | number> | readonly NonNullable<Gap<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Gap<string | number> | readonly NonNullable<Gap<string | number>>[])>);
    gridArea: ResponsiveStyleValue<(GridArea | readonly NonNullable<GridArea>[])> | ((theme) => ResponsiveStyleValue<(GridArea | readonly NonNullable<GridArea>[])>);
    gridAutoColumns: ResponsiveStyleValue<(GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number>>[])> | ((theme) => ResponsiveStyleValue<(GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number>>[])>);
    gridAutoFlow: ResponsiveStyleValue<(readonly string[] | GridAutoFlow)> | ((theme) => ResponsiveStyleValue<(readonly string[] | GridAutoFlow)>);
    gridAutoRows: ResponsiveStyleValue<(GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number>>[])> | ((theme) => ResponsiveStyleValue<(GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number>>[])>);
    gridColumn: ResponsiveStyleValue<(GridColumn | readonly NonNullable<GridColumn>[])> | ((theme) => ResponsiveStyleValue<(GridColumn | readonly NonNullable<GridColumn>[])>);
    gridRow: ResponsiveStyleValue<(GridRow | readonly NonNullable<GridRow>[])> | ((theme) => ResponsiveStyleValue<(GridRow | readonly NonNullable<GridRow>[])>);
    gridTemplateAreas: ResponsiveStyleValue<(readonly string[] | GridTemplateAreas)> | ((theme) => ResponsiveStyleValue<(readonly string[] | GridTemplateAreas)>);
    gridTemplateColumns: ResponsiveStyleValue<(GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number>>[])> | ((theme) => ResponsiveStyleValue<(GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number>>[])>);
    gridTemplateRows: ResponsiveStyleValue<(GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number>>[])> | ((theme) => ResponsiveStyleValue<(GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number>>[])>);
    height: ResponsiveStyleValue<(Height<string | number> | readonly NonNullable<Height<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Height<string | number> | readonly NonNullable<Height<string | number>>[])>);
    justifyContent: ResponsiveStyleValue<(readonly string[] | JustifyContent)> | ((theme) => ResponsiveStyleValue<(readonly string[] | JustifyContent)>);
    justifyItems: ResponsiveStyleValue<(readonly string[] | JustifyItems)> | ((theme) => ResponsiveStyleValue<(readonly string[] | JustifyItems)>);
    justifySelf: ResponsiveStyleValue<(readonly string[] | JustifySelf)> | ((theme) => ResponsiveStyleValue<(readonly string[] | JustifySelf)>);
    label?: ReactNode;
    left: ResponsiveStyleValue<(Left<string | number> | readonly NonNullable<Left<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Left<string | number> | readonly NonNullable<Left<string | number>>[])>);
    letterSpacing: ResponsiveStyleValue<(LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number>>[])> | ((theme) => ResponsiveStyleValue<(LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number>>[])>);
    lineHeight: ResponsiveStyleValue<(LineHeight<string | number> | readonly NonNullable<LineHeight<string | number>>[])> | ((theme) => ResponsiveStyleValue<(LineHeight<string | number> | readonly NonNullable<LineHeight<string | number>>[])>);
    m: ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number>>[])>);
    margin: ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number>>[])>);
    marginBlock: ResponsiveStyleValue<(MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number>>[])>);
    marginBlockEnd: ResponsiveStyleValue<(MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number>>[])>);
    marginBlockStart: ResponsiveStyleValue<(MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number>>[])>);
    marginBottom: ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number>>[])>);
    marginInline: ResponsiveStyleValue<(MarginInline<string | number> | readonly NonNullable<MarginInline<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginInline<string | number> | readonly NonNullable<MarginInline<string | number>>[])>);
    marginInlineEnd: ResponsiveStyleValue<(MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number>>[])>);
    marginInlineStart: ResponsiveStyleValue<(MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number>>[])>);
    marginLeft: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>);
    marginRight: ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number>>[])>);
    marginTop: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>);
    marginX: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>);
    marginY: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>);
    maxHeight: ResponsiveStyleValue<(MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number>>[])>);
    maxWidth: ResponsiveStyleValue<(MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number>>[])>);
    mb: ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number>>[])>);
    minHeight: ResponsiveStyleValue<(MinHeight<string | number> | readonly NonNullable<MinHeight<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MinHeight<string | number> | readonly NonNullable<MinHeight<string | number>>[])>);
    minWidth: ResponsiveStyleValue<(MinWidth<string | number> | readonly NonNullable<MinWidth<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MinWidth<string | number> | readonly NonNullable<MinWidth<string | number>>[])>);
    ml: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>);
    mr: ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number>>[])>);
    mt: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>);
    mx: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>);
    my: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>);
    onPopupClose?: (() => void);
    onPopupOpen?: (() => void);
    onPreviewBorder?: ((border) => void);
    onQuickClick?: ((e) => void);
    onSelectBorder?: ((border) => void);
    order: ResponsiveStyleValue<(Order | readonly NonNullable<Order>[])> | ((theme) => ResponsiveStyleValue<(Order | readonly NonNullable<Order>[])>);
    outlined?: boolean | OutlineBorder;
    overflow: ResponsiveStyleValue<(readonly string[] | Overflow)> | ((theme) => ResponsiveStyleValue<(readonly string[] | Overflow)>);
    p: ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number>>[])>);
    padding: ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number>>[])>);
    paddingBlock: ResponsiveStyleValue<(PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number>>[])>);
    paddingBlockEnd: ResponsiveStyleValue<(PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number>>[])>);
    paddingBlockStart: ResponsiveStyleValue<(PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number>>[])>);
    paddingBottom: ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number>>[])>);
    paddingInline: ResponsiveStyleValue<(PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number>>[])>);
    paddingInlineEnd: ResponsiveStyleValue<(PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number>>[])>);
    paddingInlineStart: ResponsiveStyleValue<(PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number>>[])>);
    paddingLeft: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>);
    paddingRight: ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number>>[])>);
    paddingTop: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>);
    paddingX: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>);
    paddingY: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>);
    parentFloat?: FloatReference;
    pb: ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number>>[])>);
    pl: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>);
    popupProps?: Partial<ExhibitFloatPanelProps>;
    position: ResponsiveStyleValue<(Position | readonly NonNullable<Position>[])> | ((theme) => ResponsiveStyleValue<(Position | readonly NonNullable<Position>[])>);
    pr: ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number>>[])>);
    primary?: boolean;
    pt: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>);
    px: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>);
    py: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])> | ((theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>);
    quickButtonProps?: ExhibitQuickButtonProps;
    right: ResponsiveStyleValue<(Right<string | number> | readonly NonNullable<Right<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Right<string | number> | readonly NonNullable<Right<string | number>>[])>);
    rowGap: ResponsiveStyleValue<(RowGap<string | number> | readonly NonNullable<RowGap<string | number>>[])> | ((theme) => ResponsiveStyleValue<(RowGap<string | number> | readonly NonNullable<RowGap<string | number>>[])>);
    selected?: boolean;
    selectedBorder: Partial<CellBorderValues>;
    sheetStyle?: ISheetStyle;
    showStylingBefore?: boolean;
    textAlign: ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign>[])> | ((theme) => ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign>[])>);
    textOverflow: ResponsiveStyleValue<(readonly string[] | TextOverflow)> | ((theme) => ResponsiveStyleValue<(readonly string[] | TextOverflow)>);
    textTransform: ResponsiveStyleValue<(TextTransform | readonly NonNullable<TextTransform>[])> | ((theme) => ResponsiveStyleValue<(TextTransform | readonly NonNullable<TextTransform>[])>);
    tooltip?: NonNullable<ReactNode>;
    top: ResponsiveStyleValue<(Top<string | number> | readonly NonNullable<Top<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Top<string | number> | readonly NonNullable<Top<string | number>>[])>);
    touchRippleRef?: Ref<any>;
    typography: ResponsiveStyleValue<string> | ((theme) => ResponsiveStyleValue<string>);
    visibility: ResponsiveStyleValue<(Visibility | readonly NonNullable<Visibility>[])> | ((theme) => ResponsiveStyleValue<(Visibility | readonly NonNullable<Visibility>[])>);
    whiteSpace: ResponsiveStyleValue<(readonly string[] | WhiteSpace)> | ((theme) => ResponsiveStyleValue<(readonly string[] | WhiteSpace)>);
    width: ResponsiveStyleValue<(Width<string | number> | readonly NonNullable<Width<string | number>>[])> | ((theme) => ResponsiveStyleValue<(Width<string | number> | readonly NonNullable<Width<string | number>>[])>);
    zIndex: ResponsiveStyleValue<string | string & {} | number & {}> | ((theme) => ResponsiveStyleValue<string | string & {} | number & {}>);
}

Hierarchy

Properties

TouchRippleProps?: Partial<any>

Props applied to the TouchRipple element.

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | AlignContent)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | AlignContent)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | AlignItems)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | AlignItems)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | AlignSelf)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | AlignSelf)>

autoColor?: AdjustedColor

If autoColor is set the a special Swatch is create that will disable this color. When it is selected or previewed the color passed will be null any consumer will then know to use the auto color

autoStrokeStyle?: BorderStrokeStyle

If no values are specified

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | BackgroundColor)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | BackgroundColor)>

border: ResponsiveStyleValue<number | "none" | "unset" | string & {} | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "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" | "inset" | "outset" | "ridge" | "solid" | "medium" | "thick" | "thin"> | ((theme) => ResponsiveStyleValue<number | "none" | "unset" | string & {} | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "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" | "inset" | "outset" | "ridge" | "solid" | "medium" | "thick" | "thin">)

Type declaration

    • (theme): ResponsiveStyleValue<number | "none" | "unset" | string & {} | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "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" | "inset" | "outset" | "ridge" | "solid" | "medium" | "thick" | "thin">
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<number | "none" | "unset" | string & {} | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "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" | "inset" | "outset" | "ridge" | "solid" | "medium" | "thick" | "thin">

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

Type declaration

    • (theme): ResponsiveStyleValue<(BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | BorderColor)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | BorderColor)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(BorderRight<string | number> | readonly NonNullable<BorderRight<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(BorderRight<string | number> | readonly NonNullable<BorderRight<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(BorderTop<string | number> | readonly NonNullable<BorderTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(BorderTop<string | number> | readonly NonNullable<BorderTop<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Bottom<string | number> | readonly NonNullable<Bottom<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Bottom<string | number> | readonly NonNullable<Bottom<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(number | BoxShadow)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(number | BoxShadow)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(BoxSizing | readonly NonNullable<BoxSizing>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(BoxSizing | readonly NonNullable<BoxSizing>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number>>[])>

createQuickButton?: ((props) => ReactNode)

Type declaration

createTooltip?: ((props, disabled) => Element)

Allows for custom tooltip creation

Type declaration

    • (props, disabled): Element
    • Parameters

      • props: TooltipProps
      • disabled: boolean

      Returns Element

darkMode?: boolean
dense?: boolean
disableHover?: boolean
disabled?: boolean
display: ResponsiveStyleValue<(readonly string[] | Display)> | ((theme) => ResponsiveStyleValue<(readonly string[] | Display)>)

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | Display)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | Display)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | Display)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | Display)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Flex<string | number> | readonly NonNullable<Flex<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Flex<string | number> | readonly NonNullable<Flex<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(FlexDirection | readonly NonNullable<FlexDirection>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(FlexDirection | readonly NonNullable<FlexDirection>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(FlexGrow | readonly NonNullable<FlexGrow>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(FlexGrow | readonly NonNullable<FlexGrow>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(FlexShrink | readonly NonNullable<FlexShrink>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(FlexShrink | readonly NonNullable<FlexShrink>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(FlexWrap | readonly NonNullable<FlexWrap>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(FlexWrap | readonly NonNullable<FlexWrap>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | FontFamily)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | FontFamily)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(FontSize<string | number> | readonly NonNullable<FontSize<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(FontSize<string | number> | readonly NonNullable<FontSize<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | FontStyle)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | FontStyle)>

fontWeight: ResponsiveStyleValue<string | string & {} | number & {}> | ((theme) => ResponsiveStyleValue<string | string & {} | number & {}>)

Type declaration

    • (theme): ResponsiveStyleValue<string | string & {} | number & {}>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<string | string & {} | number & {}>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Gap<string | number> | readonly NonNullable<Gap<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Gap<string | number> | readonly NonNullable<Gap<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(GridArea | readonly NonNullable<GridArea>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(GridArea | readonly NonNullable<GridArea>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | GridAutoFlow)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | GridAutoFlow)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(GridColumn | readonly NonNullable<GridColumn>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(GridColumn | readonly NonNullable<GridColumn>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(GridRow | readonly NonNullable<GridRow>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(GridRow | readonly NonNullable<GridRow>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | GridTemplateAreas)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | GridTemplateAreas)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Height<string | number> | readonly NonNullable<Height<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Height<string | number> | readonly NonNullable<Height<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | JustifyContent)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | JustifyContent)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | JustifyItems)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | JustifyItems)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | JustifySelf)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | JustifySelf)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Left<string | number> | readonly NonNullable<Left<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Left<string | number> | readonly NonNullable<Left<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(LineHeight<string | number> | readonly NonNullable<LineHeight<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(LineHeight<string | number> | readonly NonNullable<LineHeight<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginInline<string | number> | readonly NonNullable<MarginInline<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginInline<string | number> | readonly NonNullable<MarginInline<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MinHeight<string | number> | readonly NonNullable<MinHeight<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MinHeight<string | number> | readonly NonNullable<MinHeight<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MinWidth<string | number> | readonly NonNullable<MinWidth<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MinWidth<string | number> | readonly NonNullable<MinWidth<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number>>[])>

onPopupClose?: (() => void)

Type declaration

    • (): void
    • Returns void

onPopupOpen?: (() => void)

Type declaration

    • (): void
    • Returns void

onPreviewBorder?: ((border) => void)

Type declaration

onQuickClick?: ((e) => void)

If this set then the popup becomes a split button.

Type declaration

    • (e): void
    • Parameters

      • e: MouseEvent<Element, MouseEvent>

      Returns void

onSelectBorder?: ((border) => void)

Type declaration

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

Type declaration

    • (theme): ResponsiveStyleValue<(Order | readonly NonNullable<Order>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Order | readonly NonNullable<Order>[])>

outlined?: boolean | OutlineBorder
overflow: ResponsiveStyleValue<(readonly string[] | Overflow)> | ((theme) => ResponsiveStyleValue<(readonly string[] | Overflow)>)

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | Overflow)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | Overflow)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>

popupProps?: Partial<ExhibitFloatPanelProps>
position: ResponsiveStyleValue<(Position | readonly NonNullable<Position>[])> | ((theme) => ResponsiveStyleValue<(Position | readonly NonNullable<Position>[])>)

Type declaration

    • (theme): ResponsiveStyleValue<(Position | readonly NonNullable<Position>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Position | readonly NonNullable<Position>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number>>[])>

primary?: boolean

If the icon button is a primary icon button. This may change the color of the text and icon.

Default Value

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Right<string | number> | readonly NonNullable<Right<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Right<string | number> | readonly NonNullable<Right<string | number>>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(RowGap<string | number> | readonly NonNullable<RowGap<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(RowGap<string | number> | readonly NonNullable<RowGap<string | number>>[])>

selected?: boolean

Render as selected,

selectedBorder: Partial<CellBorderValues>
sheetStyle?: ISheetStyle
showStylingBefore?: boolean
textAlign: ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign>[])> | ((theme) => ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign>[])>)

Type declaration

    • (theme): ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | TextOverflow)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | TextOverflow)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(TextTransform | readonly NonNullable<TextTransform>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(TextTransform | readonly NonNullable<TextTransform>[])>

tooltip?: NonNullable<ReactNode>

Tooltip title. Zero-length titles string are never displayed.

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

Type declaration

    • (theme): ResponsiveStyleValue<(Top<string | number> | readonly NonNullable<Top<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Top<string | number> | readonly NonNullable<Top<string | number>>[])>

touchRippleRef?: Ref<any>

A ref that points to the TouchRipple element.

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

Type declaration

    • (theme): ResponsiveStyleValue<string>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<string>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Visibility | readonly NonNullable<Visibility>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Visibility | readonly NonNullable<Visibility>[])>

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

Type declaration

    • (theme): ResponsiveStyleValue<(readonly string[] | WhiteSpace)>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(readonly string[] | WhiteSpace)>

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

Type declaration

    • (theme): ResponsiveStyleValue<(Width<string | number> | readonly NonNullable<Width<string | number>>[])>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(Width<string | number> | readonly NonNullable<Width<string | number>>[])>

zIndex: ResponsiveStyleValue<string | string & {} | number & {}> | ((theme) => ResponsiveStyleValue<string | string & {} | number & {}>)

Type declaration

    • (theme): ResponsiveStyleValue<string | string & {} | number & {}>
    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<string | string & {} | number & {}>