Skip to content
Storybook

Mobile Header Bar Pro

Top app bar for mobile: title, large title or search, light or dark. The back chevron mirrors in RTL.

StorybookFigma

Preview

Mobile Header Bar preview

Install

Part of Pixels Pro. Add your licence key to .npmrc, then install.

BASH
npm i @pixelsds-pro/react @pixelsds/react react-aria-components

Usage

JSX
import { MobileHeaderBar } from '@pixelsds-pro/react';

export default function Example() {
  return <MobileHeaderBar />;
}

Every example above, with its props and full source, is in the Storybook. Built from Pixels tokens, so it follows your brand colour, dark mode and right-to-left.