@xyo-network/xl1-react-transaction

XYO Layer One API

Reference

@xyo-network/react-chain-transfer-plugin

Interfaces

• TransferRenderBoxDetailsProps
• TransferRenderCardProps

Variables

• TransferRenderPlugin
• TransferRenderBoxDetails
• TransferRenderCard

interfaces

TransferRenderBoxDetailsProps

@xyo-network/react-chain-transfer-plugin

Extends

• PayloadDetailsRenderProps.FlexBoxProps

Properties

border?

optional border: 
  | ResponsiveStyleValue<
  | number
  | string & object
  | "inset"
  | "hidden"
  | "-moz-initial"
  | "inherit"
  | "initial"
  | "revert"
  | "revert-layer"
  | "unset"
  | "medium"
  | "thick"
  | "thin"
  | "dashed"
  | "dotted"
  | "double"
  | "groove"
  | "none"
  | "outset"
  | "ridge"
  | "solid"
  | "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"
  | "turquoise"
  | "violet"
  | "wheat"
  | "white"
  | "whitesmoke"
  | "yellow"
  | "yellowgreen"
  | "transparent"
  | "AccentColor"
  | "AccentColorText"
  | "ActiveText"
  | "ButtonBorder"
  | "ButtonFace"
  | "ButtonText"
  | "Canvas"
  | "CanvasText"
  | "Field"
  | "FieldText"
  | "GrayText"
  | "Highlight"
  | "HighlightText"
  | "LinkText"
  | "Mark"
  | "MarkText"
  | "SelectedItem"
  | "SelectedItemText"
  | "VisitedText"
  | "ActiveBorder"
  | "ActiveCaption"
  | "AppWorkspace"
  | "Background"
  | "ButtonHighlight"
  | "ButtonShadow"
  | "CaptionText"
  | "InactiveBorder"
  | "InactiveCaption"
  | "InactiveCaptionText"
  | "InfoBackground"
  | "InfoText"
  | "Menu"
  | "MenuText"
  | "Scrollbar"
  | "ThreeDDarkShadow"
  | "ThreeDFace"
  | "ThreeDHighlight"
  | "ThreeDLightShadow"
  | "ThreeDShadow"
  | "Window"
  | "WindowFrame"
  | "WindowText"
  | "currentColor"
  | undefined>
  | (theme) => ResponsiveStyleValue<
  | number
  | string & object
  | "inset"
  | "hidden"
  | "-moz-initial"
  | "inherit"
  | "initial"
  | "revert"
  | "revert-layer"
  | "unset"
  | "medium"
  | "thick"
  | "thin"
  | "dashed"
  | "dotted"
  | "double"
  | "groove"
  | "none"
  | "outset"
  | "ridge"
  | "solid"
  | "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"
  | "turquoise"
  | "violet"
  | "wheat"
  | "white"
  | "whitesmoke"
  | "yellow"
  | "yellowgreen"
  | "transparent"
  | "AccentColor"
  | "AccentColorText"
  | "ActiveText"
  | "ButtonBorder"
  | "ButtonFace"
  | "ButtonText"
  | "Canvas"
  | "CanvasText"
  | "Field"
  | "FieldText"
  | "GrayText"
  | "Highlight"
  | "HighlightText"
  | "LinkText"
  | "Mark"
  | "MarkText"
  | "SelectedItem"
  | "SelectedItemText"
  | "VisitedText"
  | "ActiveBorder"
  | "ActiveCaption"
  | "AppWorkspace"
  | "Background"
  | "ButtonHighlight"
  | "ButtonShadow"
  | "CaptionText"
  | "InactiveBorder"
  | "InactiveCaption"
  | "InactiveCaptionText"
  | "InfoBackground"
  | "InfoText"
  | "Menu"
  | "MenuText"
  | "Scrollbar"
  | "ThreeDDarkShadow"
  | "ThreeDFace"
  | "ThreeDHighlight"
  | "ThreeDLightShadow"
  | "ThreeDShadow"
  | "Window"
  | "WindowFrame"
  | "WindowText"
  | "currentColor"
| undefined>;

Inherited from

FlexBoxProps.border

borderTop?

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

Inherited from

FlexBoxProps.borderTop

borderRight?

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

Inherited from

FlexBoxProps.borderRight

borderBottom?

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

Inherited from

FlexBoxProps.borderBottom

borderLeft?

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

Inherited from

FlexBoxProps.borderLeft

borderColor?

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

Inherited from

FlexBoxProps.borderColor

borderRadius?

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

Inherited from

FlexBoxProps.borderRadius

display?

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

Inherited from

FlexBoxProps.display

displayPrint?

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

Inherited from

FlexBoxProps.displayPrint

overflow?

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

Inherited from

FlexBoxProps.overflow

textOverflow?

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

Inherited from

FlexBoxProps.textOverflow

visibility?

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

Inherited from

FlexBoxProps.visibility

whiteSpace?

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

Inherited from

FlexBoxProps.whiteSpace

flexBasis?

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

Inherited from

FlexBoxProps.flexBasis

flexDirection?

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

Inherited from

FlexBoxProps.flexDirection

flexWrap?

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

Inherited from

FlexBoxProps.flexWrap

justifyContent?

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

Inherited from

FlexBoxProps.justifyContent

alignItems?

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

Inherited from

FlexBoxProps.alignItems

alignContent?

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

Inherited from

FlexBoxProps.alignContent

order?

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

Inherited from

FlexBoxProps.order

flex?

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

Inherited from

FlexBoxProps.flex

flexGrow?

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

Inherited from

FlexBoxProps.flexGrow

flexShrink?

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

Inherited from

FlexBoxProps.flexShrink

alignSelf?

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

Inherited from

FlexBoxProps.alignSelf

justifyItems?

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

Inherited from

FlexBoxProps.justifyItems

justifySelf?

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

Inherited from

FlexBoxProps.justifySelf

gap?

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

Inherited from

FlexBoxProps.gap

columnGap?

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

Inherited from

FlexBoxProps.columnGap

rowGap?

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

Inherited from

FlexBoxProps.rowGap

gridColumn?

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

Inherited from

FlexBoxProps.gridColumn

gridRow?

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

Inherited from

FlexBoxProps.gridRow

gridAutoFlow?

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

Inherited from

FlexBoxProps.gridAutoFlow

gridAutoColumns?

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

Inherited from

FlexBoxProps.gridAutoColumns

gridAutoRows?

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

Inherited from

FlexBoxProps.gridAutoRows

gridTemplateColumns?

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

Inherited from

FlexBoxProps.gridTemplateColumns

gridTemplateRows?

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

Inherited from

FlexBoxProps.gridTemplateRows

gridTemplateAreas?

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

Inherited from

FlexBoxProps.gridTemplateAreas

gridArea?

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

Inherited from

FlexBoxProps.gridArea

bgcolor?

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

Inherited from

FlexBoxProps.bgcolor

color?

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

Inherited from

FlexBoxProps.color

zIndex?

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

Inherited from

FlexBoxProps.zIndex

position?

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

Inherited from

FlexBoxProps.position

top?

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

Inherited from

FlexBoxProps.top

right?

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

Inherited from

FlexBoxProps.right

bottom?

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

Inherited from

FlexBoxProps.bottom

left?

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

Inherited from

FlexBoxProps.left

boxShadow?

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

Inherited from

FlexBoxProps.boxShadow

width?

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

Inherited from

FlexBoxProps.width

maxWidth?

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

Inherited from

FlexBoxProps.maxWidth

minWidth?

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

Inherited from

FlexBoxProps.minWidth

height?

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

Inherited from

FlexBoxProps.height

maxHeight?

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

Inherited from

FlexBoxProps.maxHeight

minHeight?

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

Inherited from

FlexBoxProps.minHeight

boxSizing?

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

Inherited from

FlexBoxProps.boxSizing

m?

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

Inherited from

FlexBoxProps.m

mt?

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

Inherited from

FlexBoxProps.mt

mr?

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

Inherited from

FlexBoxProps.mr

mb?

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

Inherited from

FlexBoxProps.mb

ml?

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

Inherited from

FlexBoxProps.ml

mx?

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

Inherited from

FlexBoxProps.mx

my?

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

Inherited from

FlexBoxProps.my

p?

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

Inherited from

FlexBoxProps.p

pt?

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

Inherited from

FlexBoxProps.pt

pr?

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

Inherited from

FlexBoxProps.pr

pb?

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

Inherited from

FlexBoxProps.pb

pl?

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

Inherited from

FlexBoxProps.pl

px?

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

Inherited from

FlexBoxProps.px

py?

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

Inherited from

FlexBoxProps.py

margin?

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

Inherited from

FlexBoxProps.margin

marginTop?

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

Inherited from

FlexBoxProps.marginTop

marginRight?

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

Inherited from

FlexBoxProps.marginRight

marginBottom?

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

Inherited from

FlexBoxProps.marginBottom

marginLeft?

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

Inherited from

FlexBoxProps.marginLeft

marginX?

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

Inherited from

FlexBoxProps.marginX

marginY?

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

Inherited from

FlexBoxProps.marginY

marginInline?

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

Inherited from

FlexBoxProps.marginInline

marginInlineStart?

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

Inherited from

FlexBoxProps.marginInlineStart

marginInlineEnd?

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

Inherited from

FlexBoxProps.marginInlineEnd

marginBlock?

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

Inherited from

FlexBoxProps.marginBlock

marginBlockStart?

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

Inherited from

FlexBoxProps.marginBlockStart

marginBlockEnd?

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

Inherited from

FlexBoxProps.marginBlockEnd

padding?

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

Inherited from

FlexBoxProps.padding

paddingTop?

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

Inherited from

FlexBoxProps.paddingTop

paddingRight?

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

Inherited from

FlexBoxProps.paddingRight

paddingBottom?

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

Inherited from

FlexBoxProps.paddingBottom

paddingLeft?

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

Inherited from

FlexBoxProps.paddingLeft

paddingX?

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

Inherited from

FlexBoxProps.paddingX

paddingY?

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

Inherited from

FlexBoxProps.paddingY

paddingInline?

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

Inherited from

FlexBoxProps.paddingInline

paddingInlineStart?

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

Inherited from

FlexBoxProps.paddingInlineStart

paddingInlineEnd?

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

Inherited from

FlexBoxProps.paddingInlineEnd

paddingBlock?

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

Inherited from

FlexBoxProps.paddingBlock

paddingBlockStart?

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

Inherited from

FlexBoxProps.paddingBlockStart

paddingBlockEnd?

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

Inherited from

FlexBoxProps.paddingBlockEnd

typography?

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

Inherited from

FlexBoxProps.typography

fontFamily?

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

Inherited from

FlexBoxProps.fontFamily

fontSize?

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

Inherited from

FlexBoxProps.fontSize

fontStyle?

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

Inherited from

FlexBoxProps.fontStyle

fontWeight?

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

Inherited from

FlexBoxProps.fontWeight

letterSpacing?

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

Inherited from

FlexBoxProps.letterSpacing

lineHeight?

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

Inherited from

FlexBoxProps.lineHeight

textAlign?

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

Inherited from

FlexBoxProps.textAlign

textTransform?

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

Inherited from

FlexBoxProps.textTransform

options?

optional options: TransferRenderOptions;

payload?

optional payload: Payload;

Overrides

PayloadDetailsRenderProps.payload

TransferRenderCardProps

@xyo-network/react-chain-transfer-plugin

Extends

• PayloadDetailsRenderProps.CardProps

Properties

options?

optional options: TransferRenderOptions;

payload?

optional payload: Payload;

Overrides

PayloadDetailsRenderProps.payload

variables

TransferRenderBoxDetails

@xyo-network/react-chain-transfer-plugin

const TransferRenderBoxDetails: React.FC<TransferRenderBoxDetailsProps>;

TransferRenderCard

@xyo-network/react-chain-transfer-plugin

const TransferRenderCard: React.FC<TransferRenderCardProps>;

TransferRenderPlugin

@xyo-network/react-chain-transfer-plugin

const TransferRenderPlugin: PayloadRenderPlugin;

Maintainers

• Arie Trouw (arietrouw.com)
• Matt Jones
• Joel Carter
• Jordan Trouw

License

See the LICENSE file for license details

Credits

Made with 🔥 and ❄️ by XYO