> ## Documentation Index > Fetch the complete documentation index at: https://staging-docs.orderly.network/llms.txt > Use this file to discover all available pages before exploring further. # Orderly network react [Orderly SDKs](/sdks/tech-doc/README) / [Modules](/sdks/tech-doc/modules) / @orderly.network/react # Module: @orderly.network/react ## Table of contents ### References * [Numeral](/sdks/tech-doc/modules/orderly_network_react#numeral) ### Namespaces * [Calendar](/sdks/tech-doc/modules/orderly_network_react.Calendar) * [DialogBody](/sdks/tech-doc/modules/orderly_network_react.DialogBody) * [DialogFooter](/sdks/tech-doc/modules/orderly_network_react.DialogFooter) * [DialogHeader](/sdks/tech-doc/modules/orderly_network_react.DialogHeader) * [DropdownMenuShortcut](/sdks/tech-doc/modules/orderly_network_react.DropdownMenuShortcut) * [SheetFooter](/sdks/tech-doc/modules/orderly_network_react.SheetFooter) * [SheetHeader](/sdks/tech-doc/modules/orderly_network_react.SheetHeader) * [TabPane](/sdks/tech-doc/modules/orderly_network_react.TabPane) * [Tooltip](/sdks/tech-doc/modules/orderly_network_react.Tooltip) ### Enumerations * [ExtensionPosition](/sdks/tech-doc/enums/orderly_network_react.ExtensionPosition) * [TradingFeatures](/sdks/tech-doc/enums/orderly_network_react.TradingFeatures) ### Interfaces * [AccountStatusProps](/sdks/tech-doc/interfaces/orderly_network_react.AccountStatusProps) * [DepositProps](/sdks/tech-doc/interfaces/orderly_network_react.DepositProps) * [InputProps](/sdks/tech-doc/interfaces/orderly_network_react.InputProps) * [MarketsProps](/sdks/tech-doc/interfaces/orderly_network_react.MarketsProps) * [ModalHocProps](/sdks/tech-doc/interfaces/orderly_network_react.ModalHocProps) * [OrderBookProps](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps) * [OrderEntryProps](/sdks/tech-doc/interfaces/orderly_network_react.OrderEntryProps) * [OrdersViewProps](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps) * [PositionsViewProps](/sdks/tech-doc/interfaces/orderly_network_react.PositionsViewProps) * [TabContextState](/sdks/tech-doc/interfaces/orderly_network_react.TabContextState) * [TabPaneProps](/sdks/tech-doc/interfaces/orderly_network_react.TabPaneProps) * [TradeHistoryProps](/sdks/tech-doc/interfaces/orderly_network_react.TradeHistoryProps) * [TradingPageContextValue](/sdks/tech-doc/interfaces/orderly_network_react.TradingPageContextValue) * [WithdrawProps](/sdks/tech-doc/interfaces/orderly_network_react.WithdrawProps) ### Type Aliases * [Button](/sdks/tech-doc/modules/orderly_network_react#button) * [Collapse](/sdks/tech-doc/modules/orderly_network_react#collapse) * [Column](/sdks/tech-doc/modules/orderly_network_react#column) * [CombinedComponent](/sdks/tech-doc/modules/orderly_network_react#combinedcomponent) * [CombinedText](/sdks/tech-doc/modules/orderly_network_react#combinedtext) * [DateRange](/sdks/tech-doc/modules/orderly_network_react#daterange) * [Deposit](/sdks/tech-doc/modules/orderly_network_react#deposit) * [Layout](/sdks/tech-doc/modules/orderly_network_react#layout) * [ListTile](/sdks/tech-doc/modules/orderly_network_react#listtile) * [OrderlyConfig](/sdks/tech-doc/modules/orderly_network_react#orderlyconfig) * [OrderlyConfigCtx](/sdks/tech-doc/modules/orderly_network_react#orderlyconfigctx) * [TradingPage](/sdks/tech-doc/modules/orderly_network_react#tradingpage) ### Variables * [AssetsContext](/sdks/tech-doc/modules/orderly_network_react#assetscontext) * [OrderlyAppContext](/sdks/tech-doc/modules/orderly_network_react#orderlyappcontext) * [SymbolContext](/sdks/tech-doc/modules/orderly_network_react#symbolcontext) * [TabContext](/sdks/tech-doc/modules/orderly_network_react#tabcontext) * [TradingPageContext](/sdks/tech-doc/modules/orderly_network_react#tradingpagecontext) * [modal](/sdks/tech-doc/modules/orderly_network_react#modal) * [version](/sdks/tech-doc/modules/orderly_network_react#version) ### Functions * [AccountStatusBar](/sdks/tech-doc/modules/orderly_network_react#accountstatusbar) * [AlertDialog](/sdks/tech-doc/modules/orderly_network_react#alertdialog) * [AssetAndMarginSheet](/sdks/tech-doc/modules/orderly_network_react#assetandmarginsheet) * [AssetsProvider](/sdks/tech-doc/modules/orderly_network_react#assetsprovider) * [Button](/sdks/tech-doc/modules/orderly_network_react#button-1) * [Calendar](/sdks/tech-doc/modules/orderly_network_react#calendar) * [ChainDialog](/sdks/tech-doc/modules/orderly_network_react#chaindialog) * [ChainListView](/sdks/tech-doc/modules/orderly_network_react#chainlistview) * [ChainSelect](/sdks/tech-doc/modules/orderly_network_react#chainselect) * [ClosePositionPane](/sdks/tech-doc/modules/orderly_network_react#closepositionpane) * [Collapse](/sdks/tech-doc/modules/orderly_network_react#collapse-1) * [Collapsible](/sdks/tech-doc/modules/orderly_network_react#collapsible) * [CollapsibleContent](/sdks/tech-doc/modules/orderly_network_react#collapsiblecontent) * [CollapsibleTrigger](/sdks/tech-doc/modules/orderly_network_react#collapsibletrigger) * [DataListView](/sdks/tech-doc/modules/orderly_network_react#datalistview) * [DatePicker](/sdks/tech-doc/modules/orderly_network_react#datepicker) * [Deposit](/sdks/tech-doc/modules/orderly_network_react#deposit-1) * [DepositAndWithdrawWithDialog](/sdks/tech-doc/modules/orderly_network_react#depositandwithdrawwithdialog) * [DepositAndWithdrawWithSheet](/sdks/tech-doc/modules/orderly_network_react#depositandwithdrawwithsheet) * [Dialog](/sdks/tech-doc/modules/orderly_network_react#dialog) * [DialogBody](/sdks/tech-doc/modules/orderly_network_react#dialogbody) * [DialogContent](/sdks/tech-doc/modules/orderly_network_react#dialogcontent) * [DialogFooter](/sdks/tech-doc/modules/orderly_network_react#dialogfooter) * [DialogHeader](/sdks/tech-doc/modules/orderly_network_react#dialogheader) * [DialogTitle](/sdks/tech-doc/modules/orderly_network_react#dialogtitle) * [DialogTrigger](/sdks/tech-doc/modules/orderly_network_react#dialogtrigger) * [Divider](/sdks/tech-doc/modules/orderly_network_react#divider) * [DropdownMenu](/sdks/tech-doc/modules/orderly_network_react#dropdownmenu) * [DropdownMenuCheckboxItem](/sdks/tech-doc/modules/orderly_network_react#dropdownmenucheckboxitem) * [DropdownMenuContent](/sdks/tech-doc/modules/orderly_network_react#dropdownmenucontent) * [DropdownMenuGroup](/sdks/tech-doc/modules/orderly_network_react#dropdownmenugroup) * [DropdownMenuItem](/sdks/tech-doc/modules/orderly_network_react#dropdownmenuitem) * [DropdownMenuLabel](/sdks/tech-doc/modules/orderly_network_react#dropdownmenulabel) * [DropdownMenuPortal](/sdks/tech-doc/modules/orderly_network_react#dropdownmenuportal) * [DropdownMenuRadioGroup](/sdks/tech-doc/modules/orderly_network_react#dropdownmenuradiogroup) * [DropdownMenuRadioItem](/sdks/tech-doc/modules/orderly_network_react#dropdownmenuradioitem) * [DropdownMenuSeparator](/sdks/tech-doc/modules/orderly_network_react#dropdownmenuseparator) * [DropdownMenuShortcut](/sdks/tech-doc/modules/orderly_network_react#dropdownmenushortcut) * [DropdownMenuSub](/sdks/tech-doc/modules/orderly_network_react#dropdownmenusub) * [DropdownMenuSubContent](/sdks/tech-doc/modules/orderly_network_react#dropdownmenusubcontent) * [DropdownMenuSubTrigger](/sdks/tech-doc/modules/orderly_network_react#dropdownmenusubtrigger) * [DropdownMenuTrigger](/sdks/tech-doc/modules/orderly_network_react#dropdownmenutrigger) * [EmptyView](/sdks/tech-doc/modules/orderly_network_react#emptyview) * [EndReachedBox](/sdks/tech-doc/modules/orderly_network_react#endreachedbox) * [Input](/sdks/tech-doc/modules/orderly_network_react#input) * [Layout](/sdks/tech-doc/modules/orderly_network_react#layout-1) * [ListTile](/sdks/tech-doc/modules/orderly_network_react#listtile-1) * [ListView](/sdks/tech-doc/modules/orderly_network_react#listview) * [Markets](/sdks/tech-doc/modules/orderly_network_react#markets) * [MarketsFull](/sdks/tech-doc/modules/orderly_network_react#marketsfull) * [NoData](/sdks/tech-doc/modules/orderly_network_react#nodata) * [OrderBook](/sdks/tech-doc/modules/orderly_network_react#orderbook) * [OrderEntry](/sdks/tech-doc/modules/orderly_network_react#orderentry) * [OrderlyAppProvider](/sdks/tech-doc/modules/orderly_network_react#orderlyappprovider) * [OrdersView](/sdks/tech-doc/modules/orderly_network_react#ordersview) * [Page](/sdks/tech-doc/modules/orderly_network_react#page) * [Picker](/sdks/tech-doc/modules/orderly_network_react#picker) * [Portfolio](/sdks/tech-doc/modules/orderly_network_react#portfolio) * [PositionsView](/sdks/tech-doc/modules/orderly_network_react#positionsview) * [PositionsViewFull](/sdks/tech-doc/modules/orderly_network_react#positionsviewfull) * [Progress](/sdks/tech-doc/modules/orderly_network_react#progress) * [Select](/sdks/tech-doc/modules/orderly_network_react#select) * [Sheet](/sdks/tech-doc/modules/orderly_network_react#sheet) * [SheetClose](/sdks/tech-doc/modules/orderly_network_react#sheetclose) * [SheetContent](/sdks/tech-doc/modules/orderly_network_react#sheetcontent) * [SheetDescription](/sdks/tech-doc/modules/orderly_network_react#sheetdescription) * [SheetFooter](/sdks/tech-doc/modules/orderly_network_react#sheetfooter) * [SheetHeader](/sdks/tech-doc/modules/orderly_network_react#sheetheader) * [SheetTitle](/sdks/tech-doc/modules/orderly_network_react#sheettitle) * [SheetTrigger](/sdks/tech-doc/modules/orderly_network_react#sheettrigger) * [SimpleDialog](/sdks/tech-doc/modules/orderly_network_react#simpledialog) * [Spinner](/sdks/tech-doc/modules/orderly_network_react#spinner) * [Statistic](/sdks/tech-doc/modules/orderly_network_react#statistic) * [Switch](/sdks/tech-doc/modules/orderly_network_react#switch) * [SymbolProvider](/sdks/tech-doc/modules/orderly_network_react#symbolprovider) * [SystemStatusBar](/sdks/tech-doc/modules/orderly_network_react#systemstatusbar) * [TabList](/sdks/tech-doc/modules/orderly_network_react#tablist) * [TabPane](/sdks/tech-doc/modules/orderly_network_react#tabpane) * [Table](/sdks/tech-doc/modules/orderly_network_react#table) * [Tabs](/sdks/tech-doc/modules/orderly_network_react#tabs) * [Text](/sdks/tech-doc/modules/orderly_network_react#text) * [Tooltip](/sdks/tech-doc/modules/orderly_network_react#tooltip) * [TooltipContent](/sdks/tech-doc/modules/orderly_network_react#tooltipcontent) * [TooltipProvider](/sdks/tech-doc/modules/orderly_network_react#tooltipprovider) * [TooltipTrigger](/sdks/tech-doc/modules/orderly_network_react#tooltiptrigger) * [TradeHistory](/sdks/tech-doc/modules/orderly_network_react#tradehistory) * [TradingPage](/sdks/tech-doc/modules/orderly_network_react#tradingpage-1) * [TradingPageProvider](/sdks/tech-doc/modules/orderly_network_react#tradingpageprovider) * [WalletConnect](/sdks/tech-doc/modules/orderly_network_react#walletconnect) * [Withdraw](/sdks/tech-doc/modules/orderly_network_react#withdraw) * [cn](/sdks/tech-doc/modules/orderly_network_react#cn) * [create](/sdks/tech-doc/modules/orderly_network_react#create) * [installExtension](/sdks/tech-doc/modules/orderly_network_react#installextension) * [parseNumber](/sdks/tech-doc/modules/orderly_network_react#parsenumber) * [showAccountConnectorModal](/sdks/tech-doc/modules/orderly_network_react#showaccountconnectormodal) * [toast](/sdks/tech-doc/modules/orderly_network_react#toast) * [useCSSVariable](/sdks/tech-doc/modules/orderly_network_react#usecssvariable) * [useModal](/sdks/tech-doc/modules/orderly_network_react#usemodal) * [useTab](/sdks/tech-doc/modules/orderly_network_react#usetab) ## References ### Numeral Renames and re-exports [CombinedComponent](/sdks/tech-doc/modules/orderly_network_react#combinedcomponent) ## Type Aliases ### Button Ƭ **Button**: typeof `BaseButton` & \{ `Segmented`: typeof `SegmentedButton` ; `buttonVariants`: typeof `buttonVariants` } #### Defined in [packages/component/src/button/index.tsx:4](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/button/index.tsx#L4) [packages/component/src/button/index.tsx:12](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/button/index.tsx#L12) *** ### Collapse Ƭ **Collapse**: typeof `CollapseRoot` & \{ `panel`: typeof `Panel` } #### Defined in [packages/component/src/collapsible/collapse/collapse.tsx:18](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/collapsible/collapse/collapse.tsx#L18) [packages/component/src/collapsible/collapse/collapse.tsx:22](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/collapsible/collapse/collapse.tsx#L22) *** ### Column Ƭ **Column**\<`RecordType`>: `Object` #### Type parameters | Name | Type | | :----------- | :------------------------ | | `RecordType` | extends `unknown` = `any` | #### Type declaration | Name | Type | | :--------------- | :------------------------------------------------------------------------------------------ | | `align?` | `"left"` \| `"center"` \| `"right"` | | `className?` | `string` \| (`record`: `RecordType`, `index`: `number`) => `string` | | `dataIndex` | `string` | | `fixed?` | `ColumnFixed` | | `formatter?` | (`value`: `any`, `record`: `RecordType`, `index`: `number`) => `any` | | `getKey?` | (`record`: `RecordType`, `index`: `number`) => `string` | | `hint?` | `ReactNode` | | `hintClassName?` | `string` | | `onSort?` | `boolean` \| (`r1`: `RecordType`, `r2`: `RecordType`, `sortOrder`: `SortOrder`) => `number` | | `render?` | (`value`: `any`, `record`: `RecordType`, `index`: `number`) => `React.ReactNode` | | `title` | `string` | | `width?` | `number` | #### Defined in [packages/component/src/table/col.tsx:10](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/table/col.tsx#L10) *** ### CombinedComponent Ƭ **CombinedComponent**: typeof `Numeral` & \{ `symbol`: typeof `NumeralWithSymbol` ; `total`: typeof `NumeralTotal` ; `withCtx`: typeof `NumeralWithCtx` } #### Defined in [packages/component/src/text/index.ts:8](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/text/index.ts#L8) *** ### CombinedText Ƭ **CombinedText**: typeof `Text` & \{ `tradingPair`: typeof `TradingPair` } #### Defined in [packages/component/src/text/index.ts:21](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/text/index.ts#L21) *** ### DateRange Ƭ **DateRange**: `Object` #### Type declaration | Name | Type | | :------ | :----- | | `from?` | `Date` | | `to?` | `Date` | #### Defined in [packages/component/src/datePicker/datePiker.tsx:10](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/datePicker/datePiker.tsx#L10) *** ### Deposit Ƭ **Deposit**: typeof `DepositRoot` & \{ `withDialog`: typeof `DepositWithDialog` ; `withSheet`: typeof `DepositWithSheet` } #### Defined in [packages/component/src/block/deposit/index.ts:5](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/deposit/index.ts#L5) [packages/component/src/block/deposit/index.ts:10](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/deposit/index.ts#L10) *** ### Layout Ƭ **Layout**: typeof `BaseLayout` & \{ `Content`: typeof `Content` ; `Footer`: typeof `Footer` ; `Header`: typeof `Header` ; `PageHeader`: typeof `PageHeader` ; `Sider`: typeof `Sider` ; `Split`: typeof `Split` } #### Defined in [packages/component/src/layout/index.ts:12](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/layout/index.ts#L12) [packages/component/src/layout/index.ts:21](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/layout/index.ts#L21) *** ### ListTile Ƭ **ListTile**: typeof `ListTile` & \{ `symbol`: typeof `ListTileForSymbol` } #### Defined in [packages/component/src/listView/index.tsx:22](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/listView/index.tsx#L22) [packages/component/src/listView/index.tsx:26](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/listView/index.tsx#L26) *** ### OrderlyConfig Ƭ **OrderlyConfig**: `Object` #### Type declaration | Name | Type | | :--------------------------------------- | :------------------------------------------------------------------------------------------ | | `app` | \{ `appIcons`: `AppLogos` ; `brokerId`: `string` ; `brokerName`: `string` } | | `app.appIcons` | `AppLogos` | | `app.brokerId` | `string` | | `app.brokerName` | `string` | | `pages` | \{ `trading?`: \{ `tradingView?`: \{ `library_path`: `string` ; `scriptSRC`: `string` } } } | | `pages.trading?` | \{ `tradingView?`: \{ `library_path`: `string` ; `scriptSRC`: `string` } } | | `pages.trading.tradingView?` | \{ `library_path`: `string` ; `scriptSRC`: `string` } | | `pages.trading.tradingView.library_path` | `string` | | `pages.trading.tradingView.scriptSRC` | `string` | | `wallet` | \{ `apiKey?`: `string` ; `options?`: `any` } | | `wallet.apiKey?` | `string` | | `wallet.options?` | `any` | #### Defined in [packages/component/src/types/orderly.config.ts:3](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/types/orderly.config.ts#L3) *** ### OrderlyConfigCtx Ƭ **OrderlyConfigCtx**: `Object` #### Defined in [packages/component/src/types/orderly.config.ts:23](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/types/orderly.config.ts#L23) *** ### TradingPage Ƭ **TradingPage**: typeof `BaseTradingPage` & \{ `desktop`: typeof `DesktopTradingPage` ; `mobile`: typeof `MobileTradingPage` } #### Defined in [packages/component/src/page/trading/index.tsx:7](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/page/trading/index.tsx#L7) [packages/component/src/page/trading/index.tsx:12](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/page/trading/index.tsx#L12) ## Variables ### AssetsContext • `Const` **AssetsContext**: `Context`\<`AssetsContextState`> #### Defined in [packages/component/src/provider/assetsProvider.tsx:28](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/provider/assetsProvider.tsx#L28) *** ### OrderlyAppContext • `Const` **OrderlyAppContext**: `Context`\<`OrderlyAppContextState`> #### Defined in [packages/component/src/provider/appProvider.tsx:94](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/provider/appProvider.tsx#L94) *** ### SymbolContext • `Const` **SymbolContext**: `Context`\<`SymbolContextState`> #### Defined in [packages/component/src/provider/symbolProvider.tsx:19](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/provider/symbolProvider.tsx#L19) *** ### TabContext • `Const` **TabContext**: `Context`\<[`TabContextState`](/sdks/tech-doc/interfaces/orderly_network_react.TabContextState)> #### Defined in [packages/component/src/tab/tabContext.tsx:20](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/tab/tabContext.tsx#L20) *** ### TradingPageContext • `Const` **TradingPageContext**: `Context`\<[`TradingPageContextValue`](/sdks/tech-doc/interfaces/orderly_network_react.TradingPageContextValue)> #### Defined in [packages/component/src/page/trading/context/tradingPageContext.tsx:14](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/page/trading/context/tradingPageContext.tsx#L14) *** ### modal • `Const` **modal**: `Object` #### Type declaration | Name | Type | | :------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `actionSheet` | (`items`: `ActionSheetItem`\[]) => `Promise`\<`unknown`> | | `alert` | (`props`: `AlertDialogProps`) => `Promise`\<`unknown`> | | `confirm` | (`props`: `ConfirmProps`) => `Promise`\<`unknown`> | | `dialog` | (`props`: `DialogProps`) => `Promise`\<`unknown`> | | `hide` | \(`modal`: `string` \| `FC`\<`any`>) => `Promise`\<`T`> | | `register` | \(`id`: `string`, `comp`: `T`, `props?`: `Partial`\<`ModalArgs`\<`T`>>) => `void` | | `remove` | (`id`: `string`) => `void` | | `setStates` | (`id`: `string`, `states`: `Record`\<`string`, `unknown`>) => `void` | | `sheet` | (`props`: `SheetProps`) => `Promise`\<`unknown`> | | `show` | \(`modal`: `FC`\<`C`>, `args?`: `Omit`\<`C`, `"id"`>) => `Promise`\<`T`>\(`modal`: `string`, `args?`: `Record`\<`string`, `unknown`>) => `Promise`\<`T`>\(`modal`: `string`, `args?`: `P`) => `Promise`\<`T`> | | `unregister` | (`id`: `string`) => `void` | #### Defined in [packages/component/src/modal/index.tsx:20](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/modal/index.tsx#L20) *** ### version • **version**: `"1.5.7"` #### Defined in [packages/component/src/version.ts:14](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/version.ts#L14) ## Functions ### AccountStatusBar ▸ **AccountStatusBar**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------------------------------------------------------------- | | `props` | [`AccountStatusProps`](/sdks/tech-doc/interfaces/orderly_network_react.AccountStatusProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### AlertDialog ▸ **AlertDialog**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------- | | `props` | `AlertDialogProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### AssetAndMarginSheet ▸ **AssetAndMarginSheet**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :-------------------- | | `props` | `AssetAndMarginProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### AssetsProvider ▸ **AssetsProvider**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :---------------- | :---------- | | `props` | `Object` | | `props.children?` | `ReactNode` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Button ▸ **Button**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :---------------------------------------------------- | | `props` | `ButtonProps` & `RefAttributes`\<`HTMLButtonElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### Calendar ▸ **Calendar**(`«destructured»`): `Element` #### Parameters | Name | Type | | :--------------- | :----------------------------------------------------------------------------------------------------- | | `«destructured»` | `DayPickerDefaultProps` \| `DayPickerSingleProps` \| `DayPickerMultipleProps` \| `DayPickerRangeProps` | #### Returns `Element` #### Defined in [packages/component/src/datePicker/calendar.tsx:10](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/datePicker/calendar.tsx#L10) *** ### ChainDialog ▸ **ChainDialog**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------------------------------------------------------------------------------------------ | | `props` | `ChainListViewProps` & [`ModalHocProps`](/sdks/tech-doc/interfaces/orderly_network_react.ModalHocProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### ChainListView ▸ **ChainListView**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------- | | `props` | `ChainListViewProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### ChainSelect ▸ **ChainSelect**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------- | | `props` | `ChainSelectProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### ClosePositionPane ▸ **ClosePositionPane**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------- | | `props` | `ClosePositionPaneProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Collapse ▸ **Collapse**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------------------------------------ | | `props` | `PropsWithChildren`\<\{ `activeKey?`: `string` }> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Collapsible ▸ **Collapsible**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :------------------------------------------------------ | | `props` | `CollapsibleProps` & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### CollapsibleContent ▸ **CollapsibleContent**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------------ | | `props` | `CollapsibleContentProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### CollapsibleTrigger ▸ **CollapsibleTrigger**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :---------------------------------------------------------------- | | `props` | `CollapsibleTriggerProps` & `RefAttributes`\<`HTMLButtonElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DataListView ▸ **DataListView**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :-------- | | `props` | `unknown` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DatePicker ▸ **DatePicker**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------- | | `props` | `Object` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Deposit ▸ **Deposit**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------------------------------------------------- | | `props` | [`DepositProps`](/sdks/tech-doc/interfaces/orderly_network_react.DepositProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### DepositAndWithdrawWithDialog ▸ **DepositAndWithdrawWithDialog**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------------------------------------------------------------------------------- | | `props` | `DepositAndWithdrawProps` & [`ModalHocProps`](/sdks/tech-doc/interfaces/orderly_network_react.ModalHocProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### DepositAndWithdrawWithSheet ▸ **DepositAndWithdrawWithSheet**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------------------------------------------------------------------------------- | | `props` | `DepositAndWithdrawProps` & [`ModalHocProps`](/sdks/tech-doc/interfaces/orderly_network_react.ModalHocProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Dialog ▸ **Dialog**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------ | | `props` | `DialogProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### DialogBody ▸ **DialogBody**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :-------------------------------------- | | `props` | `PropsWithChildren`\<`DialogBodyProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### DialogContent ▸ **DialogContent**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `props` | `Omit`\<`DialogContentProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & `VariantProps`\<(`props?`: `Object`) => `string`> & \{ `closable?`: `boolean` ; `closeableSize?`: `number` } & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DialogFooter ▸ **DialogFooter**(`«destructured»`): `Element` #### Parameters | Name | Type | | :--------------- | :---------------------------------- | | `«destructured»` | `HTMLAttributes`\<`HTMLDivElement`> | #### Returns `Element` #### Defined in [packages/component/src/dialog/dialog.tsx:112](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/dialog/dialog.tsx#L112) *** ### DialogHeader ▸ **DialogHeader**(`«destructured»`): `Element` #### Parameters | Name | Type | | :--------------- | :---------------------------------- | | `«destructured»` | `HTMLAttributes`\<`HTMLDivElement`> | #### Returns `Element` #### Defined in [packages/component/src/dialog/dialog.tsx:97](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/dialog/dialog.tsx#L97) *** ### DialogTitle ▸ **DialogTitle**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :--------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DialogTitleProps` & `RefAttributes`\<`HTMLHeadingElement`>, `"ref"`> & `RefAttributes`\<`HTMLHeadingElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DialogTrigger ▸ **DialogTrigger**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :----------------------------------------------------------- | | `props` | `DialogTriggerProps` & `RefAttributes`\<`HTMLButtonElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### Divider ▸ **Divider**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------- | | `props` | `PropsWithChildren`\<`DividerProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### DropdownMenu ▸ **DropdownMenu**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------ | | `props` | `DropdownMenuProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### DropdownMenuCheckboxItem ▸ **DropdownMenuCheckboxItem**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :-------------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DropdownMenuCheckboxItemProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuContent ▸ **DropdownMenuContent**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :-------------------------------------------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DropdownMenuContentProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & \{ `container?`: `HTMLElement` } & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuGroup ▸ **DropdownMenuGroup**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :------------------------------------------------------------ | | `props` | `DropdownMenuGroupProps` & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuItem ▸ **DropdownMenuItem**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DropdownMenuItemProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & \{ `inset?`: `boolean` } & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuLabel ▸ **DropdownMenuLabel**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :---------------------------------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DropdownMenuLabelProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & \{ `inset?`: `boolean` } & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuPortal ▸ **DropdownMenuPortal**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------------ | | `props` | `DropdownMenuPortalProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### DropdownMenuRadioGroup ▸ **DropdownMenuRadioGroup**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :----------------------------------------------------------------- | | `props` | `DropdownMenuRadioGroupProps` & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuRadioItem ▸ **DropdownMenuRadioItem**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :----------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DropdownMenuRadioItemProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuSeparator ▸ **DropdownMenuSeparator**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :----------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DropdownMenuSeparatorProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuShortcut ▸ **DropdownMenuShortcut**(`«destructured»`): `Element` #### Parameters | Name | Type | | :--------------- | :----------------------------------- | | `«destructured»` | `HTMLAttributes`\<`HTMLSpanElement`> | #### Returns `Element` #### Defined in [packages/component/src/dropdown/dropdown.tsx:177](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/dropdown/dropdown.tsx#L177) *** ### DropdownMenuSub ▸ **DropdownMenuSub**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------------- | | `props` | `DropdownMenuSubProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### DropdownMenuSubContent ▸ **DropdownMenuSubContent**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :------------------------------------------------------------------------------------------------------------------------ | | `props` | `Omit`\<`DropdownMenuSubContentProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuSubTrigger ▸ **DropdownMenuSubTrigger**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :--------------------------------------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DropdownMenuSubTriggerProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & \{ `inset?`: `boolean` } & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### DropdownMenuTrigger ▸ **DropdownMenuTrigger**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :----------------------------------------------------------------- | | `props` | `DropdownMenuTriggerProps` & `RefAttributes`\<`HTMLButtonElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### EmptyView ▸ **EmptyView**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------- | | `props` | `EmptyViewProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### EndReachedBox ▸ **EndReachedBox**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------------- | | `props` | `PropsWithChildren`\<`EndReachedBoxProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Input ▸ **Input**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :---------------------------------------------------------------------------------------------------------------- | | `props` | [`InputProps`](/sdks/tech-doc/interfaces/orderly_network_react.InputProps) & `RefAttributes`\<`HTMLInputElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### Layout ▸ **Layout**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :------------ | | `props` | `LayoutProps` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### ListTile ▸ **ListTile**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------------------------ | | `props` | `PropsWithChildren`\<`ListTileProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### ListView ▸ **ListView**\<`T`, `D`>(`props`): `Element` #### Type parameters | Name | | :--- | | `T` | | `D` | #### Parameters | Name | Type | | :------ | :------------------------------------------------------------------------------------------------------------------------------------ | | `props` | `ListViewProps`\<`T`, `D`> & \{ `ref?`: `ForwardedRef`\<\{ `scroll`: (`direction`: \{ `x`: `number` ; `y`: `number` }) => `void` }> } | #### Returns `Element` #### Defined in [packages/component/src/listView/listView.tsx:104](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/listView/listView.tsx#L104) *** ### Markets ▸ **Markets**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------------------------------------------------------------------------------------------------ | | `props` | [`MarketsProps`](/sdks/tech-doc/interfaces/orderly_network_react.MarketsProps) & \{ `listHeight?`: `number` } | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### MarketsFull ▸ **MarketsFull**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------------------------------------------------------------------------------- | | `props` | [`MarketsProps`](/sdks/tech-doc/interfaces/orderly_network_react.MarketsProps) & `Props` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### NoData ▸ **NoData**(`props`): `Element` #### Parameters | Name | Type | | :------ | :--------------------------------------------------- | | `props` | `IntrinsicAttributes` & `SVGProps`\<`SVGSVGElement`> | #### Returns `Element` #### Defined in [packages/component/src/illustration/noData.tsx:2](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/illustration/noData.tsx#L2) *** ### OrderBook ▸ **OrderBook**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------------------------------------------------------------------------- | | `props` | [`OrderBookProps`](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### OrderEntry ▸ **OrderEntry**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :----------------------------------------------------------------------------------------------------------------------- | | `props` | [`OrderEntryProps`](/sdks/tech-doc/interfaces/orderly_network_react.OrderEntryProps) & `RefAttributes`\<`OrderEntryRef`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### OrderlyAppProvider ▸ **OrderlyAppProvider**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `props` | `PropsWithChildren`\<`CommonOrderlyAppState` & \{ `contracts?`: [`IContract`](/sdks/tech-doc/interfaces/orderly_network_core.IContract) ; `includeTestnet?`: `boolean` ; `referral?`: `ReferralProps` ; `toastLimitCount?`: `number` } & [`ConfigProviderProps`](/sdks/tech-doc/interfaces/orderly_network_hooks.ConfigProviderProps)> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### OrdersView ▸ **OrdersView**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------------------------------------------------------- | | `props` | [`OrdersViewProps`](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Page ▸ **Page**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :-------------------------------- | | `props` | `PropsWithChildren`\<`PageProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Picker ▸ **Picker**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :-------------------------------------------- | | `props` | `PickerProps` & `RefAttributes`\<`PickerRef`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### Portfolio ▸ **Portfolio**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------- | | `props` | `Object` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### PositionsView ▸ **PositionsView**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------------------------------------------------------------- | | `props` | [`PositionsViewProps`](/sdks/tech-doc/interfaces/orderly_network_react.PositionsViewProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### PositionsViewFull ▸ **PositionsViewFull**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<[`PositionsViewProps`](/sdks/tech-doc/interfaces/orderly_network_react.PositionsViewProps), `"onShowAllSymbolChange"`> & \{ `pnlNotionalDecimalPrecision`: `any` ; `setUnPnlPriceBasic`: `any` ; `unPnlPriceBasis`: `any` } | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Progress ▸ **Progress**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :---------------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`ProgressProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & `ProgressProps` & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### Select ▸ **Select**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------ | | `props` | `SelectProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Sheet ▸ **Sheet**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------ | | `props` | `DialogProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### SheetClose ▸ **SheetClose**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :--------------------------------------------------------- | | `props` | `DialogCloseProps` & `RefAttributes`\<`HTMLButtonElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### SheetContent ▸ **SheetContent**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :------------------------------------------------------- | | `props` | `SheetContentProps` & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### SheetDescription ▸ **SheetDescription**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :------------------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DialogDescriptionProps` & `RefAttributes`\<`HTMLParagraphElement`>, `"ref"`> & `RefAttributes`\<`HTMLParagraphElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### SheetFooter ▸ **SheetFooter**(`«destructured»`): `Element` #### Parameters | Name | Type | | :--------------- | :---------------------------------- | | `«destructured»` | `HTMLAttributes`\<`HTMLDivElement`> | #### Returns `Element` #### Defined in [packages/component/src/sheet/sheet.tsx:116](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/sheet/sheet.tsx#L116) *** ### SheetHeader ▸ **SheetHeader**(`«destructured»`): `Element` #### Parameters | Name | Type | | :--------------- | :----------------------------------------------------------------- | | `«destructured»` | `HTMLAttributes`\<`HTMLDivElement`> & \{ `leading?`: `ReactNode` } | #### Returns `Element` #### Defined in [packages/component/src/sheet/sheet.tsx:96](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/sheet/sheet.tsx#L96) *** ### SheetTitle ▸ **SheetTitle**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :--------------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`DialogTitleProps` & `RefAttributes`\<`HTMLHeadingElement`>, `"ref"`> & `RefAttributes`\<`HTMLHeadingElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### SheetTrigger ▸ **SheetTrigger**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :----------------------------------------------------------- | | `props` | `DialogTriggerProps` & `RefAttributes`\<`HTMLButtonElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### SimpleDialog ▸ **SimpleDialog**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :-------------------------------------- | | `props` | `PropsWithChildren`\<`BaseDialogProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Spinner ▸ **Spinner**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------- | | `props` | `SpinnerProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Statistic ▸ **Statistic**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------- | | `props` | `StatisticProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Switch ▸ **Switch**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :---------------------------------------------------- | | `props` | `SwitchProps` & `RefAttributes`\<`HTMLButtonElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### SymbolProvider ▸ **SymbolProvider**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------------------------------------- | | `props` | `PropsWithChildren`\<`FormatterProviderProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### SystemStatusBar ▸ **SystemStatusBar**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------------- | | `props` | `FooterStatusBarProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### TabList ▸ **TabList**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------- | | `props` | `TabListProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### TabPane ▸ **TabPane**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------------------------------------------------------------------------------------------- | | `props` | `PropsWithChildren`\<[`TabPaneProps`](/sdks/tech-doc/interfaces/orderly_network_react.TabPaneProps)> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Table ▸ **Table**\<`RecordType`>(`props`): `Element` #### Type parameters | Name | Type | | :----------- | :---------------- | | `RecordType` | extends `unknown` | #### Parameters | Name | Type | | :------ | :-------------------------- | | `props` | `TableProps`\<`RecordType`> | #### Returns `Element` #### Defined in [packages/component/src/table/table.tsx:29](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/table/table.tsx#L29) *** ### Tabs ▸ **Tabs**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :---------------------------------------------------------------------------------------------------------- | | `props` | `TabsProps` & \{ `children?`: `ReactNode` } & `RefAttributes`\<\{ `getContainer`: () => `HTMLDivElement` }> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### Text ▸ **Text**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :-------------------------------- | | `props` | `PropsWithChildren`\<`TextProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Tooltip ▸ **Tooltip**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :-------------------------------------------------------------------------------------------- | | `props` | `TooltipProps` & `Omit`\<`TooltipContentProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### TooltipContent ▸ **TooltipContent**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :---------------------------------------------------------------------------------------------------------------- | | `props` | `Omit`\<`TooltipContentProps` & `RefAttributes`\<`HTMLDivElement`>, `"ref"`> & `RefAttributes`\<`HTMLDivElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### TooltipProvider ▸ **TooltipProvider**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------------- | | `props` | `TooltipProviderProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### TooltipTrigger ▸ **TooltipTrigger**(`props`): `ReactNode` **NOTE**: Exotic components are not callable. #### Parameters | Name | Type | | :------ | :------------------------------------------------------------ | | `props` | `TooltipTriggerProps` & `RefAttributes`\<`HTMLButtonElement`> | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:395 *** ### TradeHistory ▸ **TradeHistory**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :--------------------------------------------------------------------------------------- | | `props` | [`TradeHistoryProps`](/sdks/tech-doc/interfaces/orderly_network_react.TradeHistoryProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### TradingPage ▸ **TradingPage**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------- | | `props` | `TradingPageProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### TradingPageProvider ▸ **TradingPageProvider**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :----------------------------------------------- | | `props` | `PropsWithChildren`\<`TradingPageProviderProps`> | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### WalletConnect ▸ **WalletConnect**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------- | | `props` | `WalletConnectProps` | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### Withdraw ▸ **Withdraw**(`props`, `context?`): `ReactNode` #### Parameters | Name | Type | | :--------- | :------------------------------------------------------------------------------- | | `props` | [`WithdrawProps`](/sdks/tech-doc/interfaces/orderly_network_react.WithdrawProps) | | `context?` | `any` | #### Returns `ReactNode` #### Defined in node\_modules/.pnpm/@types+react\@18.2.38/node\_modules/@types/react/index.d.ts:567 *** ### cn ▸ **cn**(`...args`): `string` #### Parameters | Name | Type | | :-------- | :------- | | `...args` | `any`\[] | #### Returns `string` #### Defined in [packages/component/src/utils/css.ts:6](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/utils/css.ts#L6) *** ### create ▸ **create**\<`P`>(`Comp`): `FC`\<`P` & [`ModalHocProps`](/sdks/tech-doc/interfaces/orderly_network_react.ModalHocProps)> #### Type parameters | Name | Type | | :--- | :--------------- | | `P` | extends `Object` | #### Parameters | Name | Type | | :----- | :-------------------- | | `Comp` | `ComponentType`\<`P`> | #### Returns `FC`\<`P` & [`ModalHocProps`](/sdks/tech-doc/interfaces/orderly_network_react.ModalHocProps)> #### Defined in [packages/component/src/modal/modalHelper.tsx:18](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/modal/modalHelper.tsx#L18) *** ### installExtension ▸ **installExtension**\<`Props`>(`options`): (`component`: `ExtensionRenderComponentType`\<`Props`>) => `void` #### Type parameters | Name | Type | | :------ | :--------------------- | | `Props` | extends `unknown` = {} | #### Parameters | Name | Type | | :-------- | :----------------- | | `options` | `ExtensionOptions` | #### Returns `fn` ▸ (`component`): `void` ##### Parameters | Name | Type | | :---------- | :--------------------------------------- | | `component` | `ExtensionRenderComponentType`\<`Props`> | ##### Returns `void` #### Defined in [packages/component/src/plugin/install.tsx:35](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/plugin/install.tsx#L35) *** ### parseNumber ▸ **parseNumber**(`value`, `options?`): `string` #### Parameters | Name | Type | | :------------------- | :---------------------------------------- | | `value` | `string` \| `number` | | `options` | `Object` | | `options.abs?` | `boolean` | | `options.padding?` | `boolean` | | `options.precision?` | `number` | | `options.rule?` | `"price"` \| `"percentages"` \| `"human"` | | `options.tick?` | `number` | | `options.truncate?` | `"round"` \| `"ceil"` \| `"floor"` | #### Returns `string` #### Defined in [packages/component/src/utils/num.ts:8](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/utils/num.ts#L8) *** ### showAccountConnectorModal ▸ **showAccountConnectorModal**(`props`): `Promise`\<`unknown`> #### Parameters | Name | Type | | :------ | :------------------- | | `props` | `WalletConnectProps` | #### Returns `Promise`\<`unknown`> #### Defined in [packages/component/src/block/walletConnect/walletModal.tsx:136](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/walletConnect/walletModal.tsx#L136) *** ### toast ▸ **toast**(`message`, `opts?`): `string` #### Parameters | Name | Type | | :-------- | :----------------------------------------------------------------------------------------------------------------------------------------------- | | `message` | `Message` | | `opts?` | `Partial`\<`Pick`\<`Toast`, `"style"` \| `"position"` \| `"className"` \| `"id"` \| `"icon"` \| `"duration"` \| `"ariaProps"` \| `"iconTheme"`>> | #### Returns `string` #### Defined in node\_modules/.pnpm/react-hot-toast@[2.4.1\_csstype@3.1.3\_react-dom](mailto:2.4.1_csstype@3.1.3_react-dom)@18.2.0\_react\@18.2.0/node\_modules/react-hot-toast/dist/index.d.ts:51 *** ### useCSSVariable ▸ **useCSSVariable**(`names?`): `Partial`\<\{ `[key: string]`: `string`; }> #### Parameters | Name | Type | | :------- | :---------- | | `names?` | `string`\[] | #### Returns `Partial`\<\{ `[key: string]`: `string`; }> #### Defined in [packages/component/src/hooks/useCSSVariable.ts:3](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/hooks/useCSSVariable.ts#L3) *** ### useModal ▸ **useModal**(): `ModalHandler` #### Returns `ModalHandler` #### Defined in [packages/component/src/modal/useModal.tsx:13](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/modal/useModal.tsx#L13) ▸ **useModal**(`modal`, `args?`): `ModalHandler` #### Parameters | Name | Type | | :------ | :----------------------------- | | `modal` | `string` | | `args?` | `Record`\<`string`, `unknown`> | #### Returns `ModalHandler` #### Defined in [packages/component/src/modal/useModal.tsx:14](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/modal/useModal.tsx#L14) ▸ **useModal**\<`T`, `ComponentProps`, `PreparedProps`, `RemainingProps`, `ResolveType`>(`modal`, `args?`): `Omit`\<`ModalHandler`, `"show"`> & \{ `show`: `Partial`\<`RemainingProps`> extends `RemainingProps` ? (`args?`: `RemainingProps`) => `Promise`\<`ResolveType`> : (`args`: `RemainingProps`) => `Promise`\<`ResolveType`> } #### Type parameters | Name | Type | | :--------------- | :------------------------------------------------------------------------------ | | `T` | extends `FC`\<`any`> | | `ComponentProps` | extends `Omit`\<`any`, `"id"`> | | `PreparedProps` | extends `Partial`\<`ComponentProps`> = {} \| `ComponentProps` | | `RemainingProps` | `Omit`\<`ComponentProps`, keyof `PreparedProps`> & `Partial`\<`ComponentProps`> | | `ResolveType` | `unknown` | #### Parameters | Name | Type | | :------ | :-------------- | | `modal` | `T` | | `args?` | `PreparedProps` | #### Returns `Omit`\<`ModalHandler`, `"show"`> & \{ `show`: `Partial`\<`RemainingProps`> extends `RemainingProps` ? (`args?`: `RemainingProps`) => `Promise`\<`ResolveType`> : (`args`: `RemainingProps`) => `Promise`\<`ResolveType`> } #### Defined in [packages/component/src/modal/useModal.tsx:18](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/modal/useModal.tsx#L18) *** ### useTab ▸ **useTab**(): `TabHook` #### Returns `TabHook` #### Defined in [packages/component/src/tab/tabHook.tsx:9](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/tab/tabHook.tsx#L9)