@paraboly/react-app-menu-bar

npm i @paraboly/react-app-menu-bar

Usage no npm install needed!

<script type="module">
  import parabolyReactAppMenuBar from 'https://cdn.skypack.dev/@paraboly/react-app-menu-bar';
</script>

README

AppMenuBar

Beautiful & Easy to use AppMenuBar for React by Paraboly

Platform - Web License: MIT styled with prettier

React AppMenuBar

React AppMenuBar Default React AppMenuBar Custom Usage

Install

npm i @paraboly/react-app-menu-bar

Usage

Please check the storybook's example to get the usage of the library. You can simply clone the project and npm i && npm start to check the how to use the library with alive example.

import AppMenuBar, { AppButton } from "@paraboly/react-app-menu-bar";

<AppMenuBar title="Laboratory Apps">
  <AppButton
    text="Science"
    imageSource={scienceImageSource}
    onPress={() => {}}
  />
  <AppButton
    text="Research"
    imageSource={researchImageSource}
    onPress={() => {}}
  />
  <AppButton text="Flask" imageSource={flaskImageSource} onPress={() => {}} />
  <AppButton
    text="Laboratory"
    imageSource={laboratoryImageSource}
    onPress={() => {}}
  />
  <AppButton
    text="Experiments"
    imageSource={experimentsImageSource}
    onPress={() => {}}
  />
  <AppButton
    text="Micro Organism"
    imageSource={microorganismImageSource}
    onPress={() => {}}
  />
</AppMenuBar>;

Author

FreakyCoder, kurayogun@gmail.com

License

AppMenuBar is available under the MIT license. See the LICENSE file for more info.