Component

Toolbar

Horizontal action bar with start, center and end slots plus surface and size variants

import { NeuToolbarComponent } from '@neural-ui/core/toolbar';

Default (md)

With shadow

With bottom border

Sizes

Surface primary

<neu-toolbar [shadow]="true" surface="primary">
  <span neu-toolbar-start style="font-weight: 600">
    My Application
  </span>

  <nav neu-toolbar-center style="display: flex; gap: 16px">
    <a routerLink="/home">Home</a>
    <a routerLink="/docs">Docs</a>
  </nav>

  <div neu-toolbar-end>
    <button (click)="logout()">Sign out</button>
  </div>
</neu-toolbar>