Header

Top-level navigation bar with logo, nav links, and action area.

Full header

tsx
<Header
  logo="Lui"
  navLinks={[
    { label: 'Dashboard', href: '#', active: true },
    { label: 'Users', href: '#' },
    { label: 'Settings', href: '#' },
  ]}
  actions={'<button class="button button--variant-outline button--theme-default button--size-sm">Sign out</button>'}
/>

Logo only

tsx
<Header logo="Lui" navLinks={[]} />