Interface FillCommandButtonProps

Attach a command to a popup. Note

interface FillCommandButtonProps {
    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>[])>);
    buttonProps?: BoxProps;
    columnGap: ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number>>[])> | ((theme) => ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number>>[])>);
    commandHook?: ICommandHook<any, any>;
    commandState?: any;
    commands?: CommandMap;
    context?: any;
    createPopupPanel?: ((props) => ReactNode);
    createQuickButton?: ((props) => ReactNode);
    createTooltip?: ((props, disabled) => Element);
    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>>[])>);
    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);
    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;
    quickCommand?: ICommand<any, void>;
    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>>[])>);
    scope?: string;
    selected?: 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>);
    variant?: CommandButtonType;
    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? alignContent alignItems alignSelf bgcolor border borderBottom borderColor borderLeft borderRadius borderRight borderTop bottom boxShadow boxSizing buttonProps? columnGap commandHook? commandState? commands? context? createPopupPanel? createQuickButton? createTooltip? dense? disableHover? disabled? display displayPrint flex flexBasis flexDirection flexGrow flexShrink flexWrap fontFamily fontSize fontStyle fontWeight gap gridArea gridAutoColumns gridAutoFlow gridAutoRows gridColumn gridRow gridTemplateAreas gridTemplateColumns gridTemplateRows height icon? justifyContent justifyItems justifySelf label? left letterSpacing lineHeight m margin marginBlock marginBlockEnd marginBlockStart marginBottom marginInline marginInlineEnd marginInlineStart marginLeft marginRight marginTop marginX marginY maxHeight maxWidth mb minHeight minWidth ml mr mt mx my onPopupClose? onPopupOpen? onQuickClick? order outlined? overflow p padding paddingBlock paddingBlockEnd paddingBlockStart paddingBottom paddingInline paddingInlineEnd paddingInlineStart paddingLeft paddingRight paddingTop paddingX paddingY parentFloat? pb pl popupProps? position pr primary? pt px py quickButtonProps? quickCommand? right rowGap scope? selected? textAlign textOverflow textTransform tooltip? top touchRippleRef? typography variant? visibility whiteSpace width zIndex

Properties

Optional TouchRippleProps

TouchRippleProps?: Partial<any>

Props applied to the TouchRipple element.

alignContent

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

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

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

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

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

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

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

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

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

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

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

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

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

Type declaration

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

    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<(number | BoxShadow)>

boxSizing

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

Optional buttonProps

buttonProps?: BoxProps

columnGap

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

Optional commandHook

commandHook?: ICommandHook<any, any>

Allow for listeners against a specific buttons execute rather than the command. This is useful when know the specific button that executed a command is required. (For example when closing menus or restoring focus)

Optional commandState

commandState?: any

Optional state for this specific command button.

Default Value

to undefined

Optional commands

commands?: CommandMap

Optional context

context?: any

Optional createPopupPanel

createPopupPanel?: ((props) => ReactNode)

Type declaration

Optional createQuickButton

createQuickButton?: ((props) => ReactNode)

Type declaration

Optional createTooltip

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

Allows for custom tooltip creation

Type declaration

    • (props, disabled): Element

    • Parameters

      • props: TooltipProps
      • disabled: boolean

      Returns Element

Optional dense

dense?: boolean

Optional disableHover

disableHover?: boolean

Optional disabled

disabled?: boolean

display

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Optional icon

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

Type declaration

    • (): ReactNode

    • Returns ReactNode

justifyContent

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

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

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

Optional label

label?: ReactNode

left

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Optional onPopupClose

onPopupClose?: (() => void)

Type declaration

    • (): void

    • Returns void

Optional onPopupOpen

onPopupOpen?: (() => void)

Type declaration

    • (): void

    • Returns void

Optional onQuickClick

onQuickClick?: ((e) => void)

If this set then the popup becomes a split button.

Type declaration

    • (e): void

    • Parameters

      • e: MouseEvent<Element, MouseEvent>

      Returns void

order

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

Optional outlined

outlined?: boolean | OutlineBorder

overflow

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Optional parentFloat

parentFloat?: FloatReference

pb

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

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

Optional popupProps

popupProps?: Partial<ExhibitFloatPanelProps>

position

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

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

Optional primary

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

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

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

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

Optional quickButtonProps

quickButtonProps?: ExhibitQuickButtonProps

Optional quickCommand

quickCommand?: ICommand<any, void>

right

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

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

Optional scope

scope?: string

Optional selected

selected?: boolean

Render as selected,

textAlign

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

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

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

Optional tooltip

tooltip?: NonNullable<ReactNode>

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

top

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

Optional touchRippleRef

touchRippleRef?: Ref<any>

A ref that points to the TouchRipple element.

typography

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

Type declaration

    • (theme): ResponsiveStyleValue<string>

    • Parameters

      • theme: Theme

      Returns ResponsiveStyleValue<string>

Optional variant

variant?: CommandButtonType

Styling

Default Value

CommandButtonType.Toolbar

visibility

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

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

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

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

Settings

Member Visibility

Theme

On This Page

TouchRipplePropsalignContentalignItemsalignSelfbgcolorborderborderBottomborderColorborderLeftborderRadiusborderRightborderTopbottomboxShadowboxSizingbuttonPropscolumnGapcommandHookcommandStatecommandscontextcreatePopupPanelcreateQuickButtoncreateTooltipdensedisableHoverdisableddisplaydisplayPrintflexflexBasisflexDirectionflexGrowflexShrinkflexWrapfontFamilyfontSizefontStylefontWeightgapgridAreagridAutoColumnsgridAutoFlowgridAutoRowsgridColumngridRowgridTemplateAreasgridTemplateColumnsgridTemplateRowsheighticonjustifyContentjustifyItemsjustifySelflabelleftletterSpacinglineHeightmmarginmarginBlockmarginBlockEndmarginBlockStartmarginBottommarginInlinemarginInlineEndmarginInlineStartmarginLeftmarginRightmarginTopmarginXmarginYmaxHeightmaxWidthmbminHeightminWidthmlmrmtmxmyonPopupCloseonPopupOpenonQuickClickorderoutlinedoverflowppaddingpaddingBlockpaddingBlockEndpaddingBlockStartpaddingBottompaddingInlinepaddingInlineEndpaddingInlineStartpaddingLeftpaddingRightpaddingToppaddingXpaddingYparentFloatpbplpopupPropspositionprprimaryptpxpyquickButtonPropsquickCommandrightrowGapscopeselectedtextAligntextOverflowtextTransformtooltiptoptouchRippleReftypographyvariantvisibilitywhiteSpacewidthzIndex