The components are broken down into two categories, those that don’t render a UI and those that do.
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.
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.
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.
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.
The DynamicBridgeWidget is a standalone component that renders a bridge UI so that users can bridge accross different chains.