Customizing the top bar
Last updated
CSPR.click displays a navigation bar at the top of your application. It includes the CSPR products menu on the left, the connected account menu on the right, and optional selectors that your application can enable during initialization.

The top bar is configured through window.clickUIOptions. The main customizable areas are:
Account dropdown menu: add account information, copy actions, buy CSPR, or custom application menu items.
Theme selector: let users switch between light and dark mode and notify your application when the selected theme changes.
Network selector: let users choose between the networks supported by your application.
If your application has its own sign-in, account, and session controls, you can hide the CSPR.click top bar with the showTopBar field in ClickUIOptions.
When showTopBar is false, CSPR.click still uses the UI container for modal windows and wallet interactions, but it does not render the navigation bar.
Last updated
const clickUIOptions = {
uiContainer: 'csprclick-ui',
rootAppElement: '#app',
showTopBar: false,
};
