⚛️
Leap Cosmos
  • Introduction
  • for dapps: Connect to Leap
    • Introduction
    • Optimizing Wallet Connectivity for Cosmos Dapps
    • Add Leap to existing Keplr integration
    • Add Leap to a new dapp
    • Suggest chain : Add Leap to a non-native chain
    • Add Leap to a Secret dapp
    • Wallet Connect
    • Wallet Adapters
      • Cosmos Kit
      • Shuttle
    • API Reference
  • for chains: integrate into Leap
    • Introduction
  • for SEI dapps: Connect to Compass
    • Connect to Compass
  • FOR SEI EVM DAPPS: CONNECT TO COMPASS
    • Connect to Compass
    • Supported RPC methods
  • Leap Metamask Snap
    • Introduction
    • Integrating Snaps
      • Metamask Cosmos Snap
      • Cosmos Snap Provider
      • Cosmos Kit
  • Embedded Wallet SDK
    • Embedded Wallet SDK React
    • Embedded Wallet Provider
    • Migration
    • Usage without UI
  • Elements
    • Introduction
    • Get Started
    • Integrate via CDN / Script Tag
    • Integrate as an Embed
    • Components
      • Aggregated Swaps
      • IBC Only Swaps
      • Fiat On-ramp
      • IBC Transfer
      • Multi View
    • Theming
      • Using CSS Variables
      • Advanced Customisations
    • Use Elements Without the UI
    • Tab Config
    • Using Skip API Key
  • Cosmos Nodes
    • Fallback Falooda : Node Fallback System
    • (Coming Soon) Blockchain Node Setup Guide
    • (Coming Soon) Monitoring Blockchain Node Performance
  • RESOURCES
    • Leap Assets
Powered by GitBook
On this page
  1. Elements
  2. Components

Multi View

PreviousIBC TransferNextTheming

Last updated 8 months ago

The MultiView component is a versatile interface that integrates three key functionalities: Swaps, Buy, and Transfer, all within a single view.

This component is designed to allow users to navigate between these functionalities effortlessly.

Props

className (optional):

Add classes for custom styling to the container of this component

tabsConfig (optional): A configuration object that allows you to enable or disable specific tabs within the MultiView component. You can also set the order in which these tabs appear. The configuration is structured as follows:

export type TabsConfig = {
  [Tabs.TRANSFER]?: TransferTabConfig, // Configuration for the Transfer tab
  [Tabs.FIAT_ON_RAMP]?: FiatOnRampTabConfig, // Configuration for the Buy tab
  [Tabs.SWAPS]?: AggregatedSwapTabConfig, // Configuration for the Swaps tab
}

Each config option accepts all the props accepted by the respective components. You can refer to those props here -

Transfer
Fiat On-ramp
Swaps