https://github.com/iktakahiro/gradient-mui-button

A Material-UI based modern gradient colors button component
https://github.com/iktakahiro/gradient-mui-button

material-design material-ui react react-components

Last synced: about 2 months ago
JSON representation

A Material-UI based modern gradient colors button component

• Host: GitHub
• URL: https://github.com/iktakahiro/gradient-mui-button
• Owner: iktakahiro
• License: mit
• Created: 2019-07-18T13:13:40.000Z (almost 6 years ago)
• Default Branch: develop
• Last Pushed: 2021-08-03T19:55:55.000Z (almost 4 years ago)
• Last Synced: 2025-04-20T09:56:14.154Z (2 months ago)
• Topics: material-design, material-ui, react, react-components
• Language: JavaScript
• Homepage: https://gradient-mui-button.netlify.com/
• Size: 2.71 MB
• Stars: 8
• Watchers: 0
• Forks: 1
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Gradient Material-UI Button

[![Netlify Status](https://api.netlify.com/api/v1/badges/e495af5b-3d7a-46be-a83e-f4e87e75cf6c/deploy-status)](https://app.netlify.com/sites/gradient-mui-button/deploys)

This package provides modern gradient colors button components based on [Material-UI](https://material-ui.com/).

!['buttons-with-default-theme'](./docs/buttons-1.png)

!['buttons-with-default-theme'](./docs/buttons-2.png)

## Install

```bash

npm i '@iktakahiro/gradient-mui-button'

yarn add '@iktakahiro/gradient-mui-button'

```

## Usage

```tsx

import { ContainedButton } from '@iktakahiro/gradient-mui-button'

const MyComponent = () => {

    return (

    


        Primary

        Secondary

        Default

        Disabled

    

    )

}

```