React Material Button


Description

Material design button implementation in react.js.

Why reinvent the wheel and create another "material-button"?

Well... I was bored and I needed something to do last sunday.
What is more, it was a challenge for me to create a material button with very few dependencies.

Installation

Material Button is available as an npm package.

``sh
// with npm
npm i @unlimited-react-components/material-button
``

Material Button API

Here is a quick example to get you started, it's all you need:

Interactive and live demo:


Props:

| Name | Type | Default | Description |
| -------- | ---------------------------------------------------- | ----------- | ----------------------------------------------------------------- |
| children | node | "" | The content of the button. |
| style | React.CSSProperties | {} | The inline style |
| color | string | "#071e25" | The main color for the button. (e.g. "#FFFFFF", "rgb(255,12,45)") |
| variant | "text" \| "outlined" \| "contained" | "contained" | The variant of the button |
| disabled | boolean | false | If true, the button will be disabled. |
| href | string | undefined | I present, the url to redirect |
| text | "uppercase" \| "capitalize" \| "lowercase" \| "none" | "none" | The text decoration for the button text |
| onClick | Function | () => {} | The action to perform on click event |

License

This project is licensed under the terms of the
MIT license.