Components Introduction
You can see the full UI implemented at any time in our demo environment: https://demo.dynamic.xyz
The components are broken down into two categories, those that don’t render a UI and those that do.
Non-UI Components
Dynamic Context Provider
The DynamicContextProvider is a provider component provides the context for the rest of the components to work. It must wrap all Dynamic related components of your application.
Dynamic Wagmi Connector
The DynamicWagmiConnnector is responsible for helping your Dynamic application to integrate with Wagmi out of the box.
UI Components
You have the choice of using the all in one UI component (Dynamic Widget), or individual components. Note that the widget does not render the bridge widget, this must always be added seperately.
You should never use the DynamicWidget and the standalone components together, except for the Bridge Widget.
Dynamic Widget
The DynamicWidget combines all three parts of the UI into one out of the box widget.
The three parts of the UI which are bundled into the Widget are listed below along with their standalone components if you wish to use them seperately:
The Connect button
DynamicConnectButton is a standalone button to handle connecting wallets. It shows up by default with the text “Connect Wallet”.
The User Profile
DynamicUserProfile is responsible for displaying the dialog or dropdown of the user’s profile information, connected wallets, and more.
The Navigation
DynamicWidgetNav is responsible for rendering the network picker and the connected account field.
Dynamic Embedded Widget
DynamicEmbeddedWidget is a standalone component that renders the signup/login flow along with the user profile directly.
Bridge Widget
The DynamicBridgeWidget is a standalone component that renders a bridge UI so that users can bridge accross different chains.
Was this page helpful?