UI Components
DynamicBridgeWidget
The DynamicBridgeWidget
component allows you to handle multi chain bridging
Usage
To get the bridge component setup, you’ll want to have your desired chains enabled In the Dynamic Dashboard, for example Ethereum and Starknet. Then, in your index.tsx
(or wherever you render DynamicContextProvider
, specify the initialAuthenticationMode
and bridgeChains
prop like so:
<DynamicContextProvider
settings={{
environmentId: "ENV_ID",
initialAuthenticationMode: "connect-only",
bridgeChains: [
{
chain: "EVM",
},
{
chain: "STARK",
},
],
}}
>
<App />
</DynamicContextProvider>
Then, in app.tsx
:
import { DynamicBridgeWidget } from "@dynamic-labs/sdk-react-core";
export default function App() {
return (
<div className="App">
<DynamicBridgeWidget />
</div>
);
}
And that’s it! Now you’re rendering our bridge widget.
Was this page helpful?