Top Bar
Top bar of an app screen: back, title and up to two actions.
Usage
import { TopBar } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Every app screen.
When not to use
- The web dashboard. Use Navbar and Page Header.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | |
titleSize | 'default' | 'large' | 'default' | |
isScrolled | boolean | false | Collapses the large title and turns the bar to glass. |
onBack | () => void | - | |
actions | ReactNode | - |
Accessibility
- The back button names where it goes.