@unlimited-react-components/material-button
    TypeScript icon, indicating that this package has built-in type declarations

    1.2.8 • Public • Published

    Unlimited React components logologo

    React Material Button

    license npm latest package npm latest package dependencies Status Build Status install size Coverage Status Total alerts Language grade: JavaScript Known Vulnerabilities PRs Welcome

    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.

    // 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:

    Edit Button

    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.

    Install

    npm i @unlimited-react-components/material-button

    DownloadsWeekly Downloads

    947

    Version

    1.2.8

    License

    MIT

    Unpacked Size

    219 kB

    Total Files

    16

    Last publish

    Collaborators

    • jin_ssj3