# react-simple-toolbar

> A carefully crafted simple toolbar for React

Latest version **1.0.5** (published 2015-04-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-simple-toolbar
pnpm add react-simple-toolbar
yarn add react-simple-toolbar
bun add react-simple-toolbar
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2015-04-24 |
| First published | 2015-04-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | ZippyUI |
| Maintainers | zippyui |
| Keywords | toolbar, react, react-component, region, align, ui |

## Links

- npm: https://www.npmjs.com/package/react-simple-toolbar
- Repository: https://github.com/zippyui/react-simple-toolbar
- Issues: https://github.com/zippyui/react-simple-toolbar/issues
- npm.io page: https://npm.io/package/react-simple-toolbar

## Dependencies (3)

- [object-assign](https://npm.io/package/object-assign.md) ^2.0.0
- [react-clonewithprops](https://npm.io/package/react-clonewithprops.md) ^1.0.1
- [react-style-normalizer](https://npm.io/package/react-style-normalizer.md) ^1.2.6

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.5 (latest) — 2015-04-24
- 1.0.4 — 2015-04-20
- 1.0.3 — 2015-04-17
- 1.0.2 — 2015-04-17
- 1.0.1 — 2015-04-17
- 1.0.0 — 2015-04-17

## README

# react-simple-toolbar

> A carefully crafted toolbar for React

No support for overflowing items

## Install

```sh
$ npm install react-simple-toolbar --save
```

## Usage

```jsx
var Toolbar = require('react-simple-toolbar')
var Region  = Toolbar.Region

<Toolbar>
    <Region>
        Export
    </Region>

    <Region flex={2}>
        <Toolbar>
            <Region align="center">Import from CSV</Region>
            <Region align="center">Import from Excel</Region>
        </Toolbar>
    </Region>

    <Region>
        Save
    </Region>
</Toolbar>

//second example
<Toolbar>
    <Region align="left">
        Export
    </Region>

    <Region align="right">
        Save
    </Region>
</Toolbar>
```

## Props (for Toolbar.Region)

 * align: String - either 'left', 'right' or 'center'

 If you don't specify an align, here is how it will behave:
  * if you only have 1 region in the toolbar, it will align 'left'
  * if you have 2 regions in the toolbar, the first will align 'left', the second will align 'right'
  * if you have 3 regions, they will align 'left', 'center' and 'right'

 If you have no region in the toolbar, one will be created by default and will contain all toolbar children.

 * flex: Number/String

 ## Changelog

 See [changelog](./CHANGELOG.md)

 ## Contributing

 Use [Github issues](https://github.com/zippyui/react-simple-toolbar/issues) for feature requests and bug reports.

 We actively welcome pull requests.

 For setting up the project locally, use:

 ```sh
 $ git clone https://github.com/zippyui/react-simple-toolbar
 $ cd react-simple-toolbar
 $ npm install
 $ npm serve # to start http server
 $ npm dev   * to start webpack-dev-server
 ```

 Now navigate to [localhost:9091](http://localhost:9091/)

 Before building a new version, make sure you run

 ```sh
 $ npm run build
 ```
 which compiles the `src` folder (which contains jsx files) into the `lib` folder (only valid EcmaScript 5 files).

 ## License

 #### MIT

---
_Source: https://npm.io/package/react-simple-toolbar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._