You're Invited:Meet the Socket Team at RSAC and BSidesSF 2026, March 23–26.RSVP →

Book a Demo Sign in

@xyo-network/react-chain-provider

Package Overview

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@xyo-network/react-chain-provider

XYO Layer One API

latest

Source

npm

Version: 1.20.5

Version published: 2 weeks ago

Maintainers: 5

Created: 11 months ago

Source

@xyo-network/react-chain-provider

XYO Layer One API

Reference

@xyo-network/react-chain-provider

Classes

TransactionConfirmationStatus

Interfaces

Type Aliases

Variables

Functions

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

License

See the LICENSE file for license details

Credits

Made with 🔥 and ❄️ by XYO

FAQs

What is @xyo-network/react-chain-provider?

Is @xyo-network/react-chain-provider well maintained?

Package last updated on 10 Mar 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