Skip to Content
SmartUI

Navbar

Top bar of the dashboard: location on the left, search and account on the right.

RB

Usage

import { Navbar } from '@smartui/react';
import '@smartui/react/styles.css';

When to use

  • Above the content of every dashboard page.

When not to use

  • Page actions. Those belong in Page Header.

Props

PropTypeDefaultDescription
variant'floating' | 'flat''floating'
start, endReactNode-

Accessibility

  • Focus order: sidebar toggle, trail, search, actions, account.

On this page