material-ui-banner

Bringing the Material Design banner component to the material-ui library. Spec here: https://material.io/design/components/banners.html

Installation

npm install material-ui-banner --save

Usage

Imports:

import { Banner, StaticBanner } from 'material-ui-banner';

To embed a banner anywhere on the page

<Banner
  icon={<div />}
  label="Text goes here"
  open
/>

To add a static banner to the top of the page

<AppBar>
  <Toolbar />
</AppBar>

<StaticBanner />

You would then open the banner elsewhere in the app like so:

StaticBanner.show({
  icon: <div />,
  label: 'This is an example of a static banner with one line of text.',
});

Please refer to src/demo for examples.

Options

These options are compatible with both <Banner> and StaticBanner.show()

License

Uses the MIT License