Interface BorderStyleButtonProps

TODO - allow popper and popup customizations similar to @mui/tooltip

interface BorderStyleButtonProps {
    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)>);
    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>[])>);
    color: ResponsiveStyleValue<(readonly string[] | Color)> | ((theme) => ResponsiveStyleValue<(readonly string[] | Color)>);
    columnGap: ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number>>[])> | ((theme) => ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number>>[])>);
    createPopupPanel?: ((props) => ReactNode);
    createQuickButton?: ((props) => ReactNode);
    createTooltip?: ((props, disabled) => Element);
    darkMode?: 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>>[])>);
    icon?: ReactNode | (() => ReactNode);
    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);
    onQuickClick?: ((e) => void);
    onSelectStyle?: ((style) => void);
    order: ResponsiveStyleValue<(Order | readonly NonNullable<Order>[])> | ((theme) => ResponsiveStyleValue<(Order | readonly NonNullable<Order>[])>);
    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;
    selectedStyle: BorderStrokeStyle;
    showLabels?: boolean;
    showNone?: boolean;
    styleColor?: AdjustedColor;
    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>);
    variant?: PopupButtonType;
    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 (view full)

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

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>[])>

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

Type declaration

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

      • theme: Theme

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

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>>[])>

createPopupPanel?: ((props) => ReactNode)

Type declaration

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
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>>[])>

icon?: ReactNode | (() => ReactNode)

Type declaration

    • (): ReactNode
    • Returns ReactNode

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

onQuickClick?: ((e) => void)

If this set then the popup becomes a split button.

Type declaration

    • (e): void
    • Parameters

      • e: MouseEvent<Element, MouseEvent>

      Returns void

onSelectStyle?: ((style) => 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>[])>

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,

selectedStyle: BorderStrokeStyle
showLabels?: boolean

Default Value

false
showNone?: boolean

Where there are any custom borders

Remarks

None does not mean there is no gridline just no custom border. Excel doesn't have a way to partially remove gridlines. We could accomplish this by adding a transparent border.

Default Value

false
styleColor?: AdjustedColor
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>

variant?: PopupButtonType

Rendering styles

Default Value

to Toolbar
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 & {}>