@xyo-network/react-chain-provider

XYO Layer One API

Reference

@xyo-network/react-chain-provider

Classes

• TransactionConfirmationStatus

Interfaces

• ConnectClientAccountsStackProps
• AccountBalanceHistoryItemFormatted

Type Aliases

• BalanceTransactionType
• ConfirmationStatusUpdate
• TransactionConfirmationParams

Variables

• ConnectAccountsStack
• ConnectedAccount

Functions

• formatAccountBalanceHistory
• useAccountBalanceHistory
• usePermissions
• useAccountPermissions
• useClient
• useGateway
• listenForClientInjection
• getXyoClient
• useAddressBalance
• useConfirmTransactionBase
• useConnectAccount
• useCurrentBlock
• useHttpRpcRunner
• useNetwork
• useSigner
• useCheckLocalRpc
• useCheckSequenceRpc
• useCheckRpc
• useHttpRpcViewer
• useViewerFromWallet
• balanceForRange
• findMinimumBlock

classes

TransactionConfirmationStatus

@xyo-network/react-chain-provider

Constructors

Constructor

new TransactionConfirmationStatus(params): TransactionConfirmationStatus;

Parameters

params

TransactionConfirmationParams

Returns

TransactionConfirmationStatus

Accessors

exp

Get Signature

get exp(): number;

Returns

number

nbf

Get Signature

get nbf(): number;

Returns

number

onStatusUpdate

Get Signature

get onStatusUpdate(): (status) => void | undefined;

Returns

(status) => void | undefined

params

Get Signature

get params(): TransactionConfirmationParams;

Returns

TransactionConfirmationParams

transaction

Get Signature

get transaction(): SignedHydratedTransaction;

Returns

SignedHydratedTransaction

txHash

Get Signature

get txHash(): Hash;

Returns

Hash

viewer

Get Signature

get viewer(): XyoViewer;

Returns

XyoViewer

Methods

create()

static create(params): Promisable<TransactionConfirmationStatus>;

Parameters

params

TransactionConfirmationParams

Returns

Promisable<TransactionConfirmationStatus>

start()

start(): Promise<void>;

Returns

Promise<void>

stop()

stop(): Promisable<void>;

Returns

Promisable<void>

functions

balanceForRange

@xyo-network/react-chain-provider

function balanceForRange(address, results): [AttoXL1, AttoXL1];

Parameters

address

Address

results

AccountBalanceHistoryItem[]

Returns

[AttoXL1, AttoXL1]

findMinimumBlock

@xyo-network/react-chain-provider

function findMinimumBlock(history): number;

Parameters

history

AccountBalanceHistoryItem[]

Returns

number

formatAccountBalanceHistory

@xyo-network/react-chain-provider

function formatAccountBalanceHistory(address, history): AccountBalanceHistoryItemFormatted[];

Parameters

address

Address

history

AccountBalanceHistoryItem[]

Returns

AccountBalanceHistoryItemFormatted[]

getXyoClient

@xyo-network/react-chain-provider

function getXyoClient(timeout): Promise<ReturnType>;

Parameters

timeout

number = CLIENT_LISTENER_TIMEOUT

Returns

Promise<ReturnType>

listenForClientInjection

@xyo-network/react-chain-provider

function listenForClientInjection(
   onClientReady, 
   timeout, 
   onTimeout): void;

Parameters

onClientReady

() => void

timeout

number

onTimeout

() => void

Returns

void

useAccountBalanceHistory

@xyo-network/react-chain-provider

function useAccountBalanceHistory(
   address?, 
   viewer?, 
   refresh?): [
  | {
  history: AccountBalanceHistoryItemFormatted[];
  balance: [AttoXL1, AttoXL1];
  truncated: boolean;
}
  | undefined, Error | undefined, UsePromiseState | undefined];

Parameters

address?

Address

viewer?

XyoViewer

refresh?

number

Returns

[ | { history: AccountBalanceHistoryItemFormatted[]; balance: [AttoXL1, AttoXL1]; truncated: boolean; } | undefined, Error | undefined, UsePromiseState | undefined]

useAccountPermissions

@xyo-network/react-chain-provider

function useAccountPermissions(): [readonly string[] | undefined, Error | undefined, UsePromiseState | undefined];

Returns

[readonly string[] | undefined, Error | undefined, UsePromiseState | undefined]

useAddressBalance

@xyo-network/react-chain-provider

function useAddressBalance(
   address?, 
   viewer?, 
   refresh?): object;

Parameters

address?

Address

viewer?

XyoViewer

refresh?

number

Returns

object

address

address: Address | undefined;

balanceForAddress

balanceForAddress: AttoXL1 | null | undefined = balancesResult;

balanceIntlFriendly

balanceIntlFriendly: string | undefined;

shortBalanceIntlFriendly

shortBalanceIntlFriendly: string | undefined;

error

error: Error | undefined = balancesError;

loading

loading: boolean;

useCheckLocalRpc

@xyo-network/react-chain-provider

function useCheckLocalRpc(): object;

Returns

object

isLocalProducer

isLocalProducer: boolean;

error

error: Error | undefined;

useCheckRpc

@xyo-network/react-chain-provider

function useCheckRpc(endpoint?): object;

Parameters

endpoint?

string

Returns

object

isLocalProducer

isLocalProducer: boolean;

error

error: Error | undefined;

useCheckSequenceRpc

@xyo-network/react-chain-provider

function useCheckSequenceRpc(): object;

Returns

object

isLocalProducer

isLocalProducer: boolean;

error

error: Error | undefined;

useClient

@xyo-network/react-chain-provider

function useClient(timeout?): ClientState;

Parameters

timeout?

number

Returns

ClientState

useConfirmTransactionBase

@xyo-network/react-chain-provider

function useConfirmTransactionBase(
   transaction?, 
   onBroadcast?, 
   onStatusUpdate?, 
   runner?, 
   viewer?): object;

Parameters

transaction?

SignedHydratedTransaction

onBroadcast?

(hash) => void

onStatusUpdate?

(status) => void

runner?

XyoRunner

viewer?

XyoViewer

Returns

object

status

status: 
  | ConfirmationStatusUpdate
  | undefined;

transactionConfirmationError

transactionConfirmationError: Error | undefined;

useConnectAccount

@xyo-network/react-chain-provider

function useConnectAccount(gatewayName, timeout?): object;

Parameters

gatewayName

GatewayName = MainNetwork.id

timeout?

number

Returns

object

address

address: Address | undefined;

connectSigner()

connectSigner: () => Promise<Address | undefined>;

Returns

Promise<Address | undefined>

error

error: Error | undefined;

gateway

gateway: XyoGateway | null | undefined;

timedout

timedout: boolean;

useCurrentBlock

@xyo-network/react-chain-provider

function useCurrentBlock(refresh, viewer?): [HydratedBlock | undefined, Error | undefined, UsePromiseState | undefined];

Parameters

refresh

number = 1

viewer?

XyoViewer | null

Returns

[HydratedBlock | undefined, Error | undefined, UsePromiseState | undefined]

useGateway

@xyo-network/react-chain-provider

function useGateway(gatewayName?, timeout?): object;

Parameters

gatewayName?

GatewayName

timeout?

number

Returns

object

gateway

gateway: XyoGateway | null | undefined;

isLoading

isLoading: boolean;

error

error: Error | null;

timedout

timedout: boolean;

useHttpRpcRunner

@xyo-network/react-chain-provider

function useHttpRpcRunner(url?): JsonRpcXyoRunner | undefined;

Parameters

url?

string

Returns

JsonRpcXyoRunner | undefined

useHttpRpcViewer

@xyo-network/react-chain-provider

function useHttpRpcViewer(url?): JsonRpcXyoViewer | undefined;

Parameters

url?

string

Returns

JsonRpcXyoViewer | undefined

useNetwork

@xyo-network/react-chain-provider

function useNetwork(id?): SimpleXyoNetwork | undefined;

Parameters

id?

DefaultNetworkIds

Returns

SimpleXyoNetwork | undefined

usePermissions

@xyo-network/react-chain-provider

function usePermissions(): object;

Returns

object

permissions

permissions: XyoPermissions | undefined;

isLoading

isLoading: boolean;

error

error: Error | null;

timedout

timedout: boolean;

useSigner

@xyo-network/react-chain-provider

function useSigner(_provider?, account?): XyoSigner | undefined;

Parameters

_provider?

XyoConnection

account?

AccountInstance

Returns

XyoSigner | undefined

useViewerFromWallet

@xyo-network/react-chain-provider

function useViewerFromWallet(networkId?, timeout?): [XyoViewer | null | undefined, Error | undefined, UsePromiseState | undefined];

Creates a JsonRpcXyoViewer instance based on the provided networkId.

Parameters

networkId?

GatewayName

a network id like 'sequence', 'local', etc.

timeout?

number

Returns

[XyoViewer | null | undefined, Error | undefined, UsePromiseState | undefined]

An instance of XyoViewer if the networkId is found in wallet gateways otherwise undefined.

interfaces

AccountBalanceHistoryItemFormatted

@xyo-network/react-chain-provider

Properties

amount

amount: bigint;

blockNumber

blockNumber: number;

debug

debug: AccountBalanceHistoryItem;

from

from: Address;

key

key: string;

timestamp

timestamp: number;

to

to: Address;

txHash

txHash: Hash | undefined;

type

type: BalanceTransactionType;

ConnectClientAccountsStackProps

@xyo-network/react-chain-provider

Extends

• StackProps

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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.borderLeft

borderColor?

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

Inherited from

StackProps.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

StackProps.borderRadius

display?

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

Inherited from

StackProps.display

displayPrint?

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

Inherited from

StackProps.displayPrint

overflow?

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

Inherited from

StackProps.overflow

textOverflow?

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

Inherited from

StackProps.textOverflow

visibility?

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

Inherited from

StackProps.visibility

whiteSpace?

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

Inherited from

StackProps.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

StackProps.flexBasis

flexDirection?

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

Inherited from

StackProps.flexDirection

flexWrap?

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

Inherited from

StackProps.flexWrap

justifyContent?

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

Inherited from

StackProps.justifyContent

alignItems?

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

Inherited from

StackProps.alignItems

alignContent?

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

Inherited from

StackProps.alignContent

order?

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

Inherited from

StackProps.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

StackProps.flex

flexGrow?

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

Inherited from

StackProps.flexGrow

flexShrink?

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

Inherited from

StackProps.flexShrink

alignSelf?

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

Inherited from

StackProps.alignSelf

justifyItems?

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

Inherited from

StackProps.justifyItems

justifySelf?

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

Inherited from

StackProps.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

StackProps.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

StackProps.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

StackProps.rowGap

gridColumn?

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

Inherited from

StackProps.gridColumn

gridRow?

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

Inherited from

StackProps.gridRow

gridAutoFlow?

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

Inherited from

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.gridTemplateRows

gridTemplateAreas?

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

Inherited from

StackProps.gridTemplateAreas

gridArea?

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

Inherited from

StackProps.gridArea

bgcolor?

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

Inherited from

StackProps.bgcolor

color?

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

Inherited from

StackProps.color

zIndex?

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

Inherited from

StackProps.zIndex

position?

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

Inherited from

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.left

boxShadow?

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

Inherited from

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.minHeight

boxSizing?

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

Inherited from

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.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

StackProps.paddingBlockEnd

typography?

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

Inherited from

StackProps.typography

fontFamily?

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

Inherited from

StackProps.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

StackProps.fontSize

fontStyle?

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

Inherited from

StackProps.fontStyle

fontWeight?

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

Inherited from

StackProps.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

StackProps.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

StackProps.lineHeight

textAlign?

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

Inherited from

StackProps.textAlign

textTransform?

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

Inherited from

StackProps.textTransform

AccountComponent?

optional AccountComponent: ComponentType<{
  account?: string;
}>;

ConnectComponent?

optional ConnectComponent: ComponentType<{
  onClick?: MouseEventHandler<HTMLElement>;
}>;

NoWalletInstalledComponent?

optional NoWalletInstalledComponent: ComponentType;

onAccountConnected()?

optional onAccountConnected: (account) => void;

Parameters

account

Address

Returns

void

onCancel()?

optional onCancel: () => void;

Returns

void

timeout?

optional timeout: number;

type-aliases

BalanceTransactionType

@xyo-network/react-chain-provider

type BalanceTransactionType = "send" | "receive";

ConfirmationStatusUpdate

@xyo-network/react-chain-provider

type ConfirmationStatusUpdate = object;

Properties

blockNumber

blockNumber: number;

confirmed

confirmed: boolean;

error?

optional error: Error;

progress?

optional progress: number;

remainingBlocks?

optional remainingBlocks: number;

TransactionConfirmationParams

@xyo-network/react-chain-provider

type TransactionConfirmationParams = object;

Properties

onStatusUpdate()?

optional onStatusUpdate: (status) => void;

Parameters

status

ConfirmationStatusUpdate

Returns

void

transaction

transaction: SignedHydratedTransaction;

txHash

txHash: Hash;

viewer

viewer: XyoViewer;

variables

ConnectAccountsStack

@xyo-network/react-chain-provider

const ConnectAccountsStack: React.FC<ConnectClientAccountsStackProps>;

ConnectedAccount

@xyo-network/react-chain-provider

const ConnectedAccount: React.FC<{
  address: string;
}>;

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