import { Canvas, Controls, Meta, Story } from '@storybook/blocks';
import { ComponentHeader } from '~styleguide/blocks';
import * as AppBarStories from './AppBar.stories';
export const parameters = {
subtitle: Components that provide spacing and layout help that you can use for something like a footer or header,
status: 'current',
};
<ComponentHeader {...parameters} />
This is an example of an AppBar component that contains one left-oriented AppBarSection that holds one AppBar Tab.
This is an example of how our headers use the AppBar component to format various sections in a bar (left, center, and right). The AppBar can hold as many AppBarSections as you'd like.