<h1 align="center">react-statusbar</h1>
npm install react-statusbar
A simple React library for beautiful status bars.

Install react-statusbar from NPM, using your favorite package manager:
``sh`
yarn add react-statusbaror...
npm install react-statusbar
And you can now add the statusbar to your project using:
`tsx
import 'react-statusbar/dist/statusbar.css';
import * as Statusbar from 'react-statusbar';
right={Hello!}
/>;
`
> IMPORTANT: Make sure to import the CSS file, as shown above.
The main statusbar component, it provides layout and CSS variables to other components.
`tsx`
A basic text component.
`tsx`
A basic button component.
`tsx`
Hello, world!
A dropdown menu component.
`tsx`
{
key: 'test',
label: 'Test',
onClick: () => alert('test')
},
{
key: 'separator-test',
type: 'separator'
},
{
key: 'test2',
label: 'Test 2',
onClick: () => alert('test 2')
}
]}
>
Dropdown
A progress bar component. If the value and max properties are undefined, this will show a marquee animation.
`tsx``