Latest Threat Research:SANDWORM_MODE: Shai-Hulud-Style npm Worm Hijacks CI Workflows and Poisons AI Toolchains.Details →

Book a Demo Install Sign in

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

Package Overview

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

XYO Layer One API

Source

npm

Version: 1.19.12

Version published: 2 weeks ago

Weekly downloads: 365

Maintainers: 5

Weekly downloads

Created: 6 months ago

Source

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

XYO Layer One API

Reference

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

Interfaces

Variables

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

License

See the LICENSE file for license details

Credits

Made with 🔥 and ❄️ by XYO

FAQs

What is @xyo-network/react-chain-transfer-plugin?

Is @xyo-network/react-chain-transfer-plugin popular?

Is @xyo-network/react-chain-transfer-plugin well maintained?

Package last updated on 12 Feb 2026

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install