LogoLogo
CSPR.build PortalCSPR.click Website
CSPR.click v1.2
CSPR.click v1.2
  • Introduction (v1.2)
    • CSPR.click overview
    • Get your application Id
    • Changelog
  • UI SDK
    • Getting started with the template application
    • Integrating the UI SDK into your application
    • Integrating the UI SDK into a non-React application
    • Customizing the top bar
      • Account dropdown menu
      • Theme selector
      • Network selector
      • Language selector
      • Currency selector
      • Custom selector
    • useClickRef() hook
    • Handling events
    • Signing transactions
  • Core JS SDK
    • Getting started
    • Properties
    • Methods
    • Types
    • Events
  • Get support
    • Contact us
Powered by GitBook
On this page
  1. UI SDK

Customizing the top bar

PreviousIntegrating the UI SDK into a non-React applicationNextAccount dropdown menu

Last updated 1 year ago

When using the UI SDK, you will add the <ClickTopBar> component to your application. This component renders a Top Bar that probably sounds familiar to you and your users. It's the same navigation bar you find on CSPR.live and other applications in the CSPR Products suite.

In this top bar you'll always see, the CSPR Products menu on the left side, and the Account menu on the right side. The rest are customizable selectors that you can choose to add or not. Most of them are customizable as we'll see in the next pages.