Installations

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

Pull Requests

Open

10

Total

243

Closed

230

Merged

3

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

unlimited-react-components

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

12.16.2

NPM Version

6.14.4 Statistics

27 Stars

13 Commits

2 Forks

1 Watching

11 Branches

1 Contributors

Updated on 26 Feb 2024

Bundle Size

12.54 kB

Minified

5.08 kB

Minified + Gzipped

Bundlephobia

Languages

TypeScript (79.93%)

SCSS (11.9%)

JavaScript (8.17%)

Total Downloads

Cumulative downloads

Total Downloads

2,273,889

Last day

115.3%

211

Compared to previous day

Last week

42.3%

1,264

Compared to previous week

Last month

-5.5%

4,905

Compared to previous month

Last year

-21.7%

83,956

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

2

@dynamicss/dynamicss @unlimited-react-components/kernel

Peer Dependencies

2

react react-dom

Dev Dependencies

41

Versions

Unlimited React components logologo

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.

1// with npm
2npm 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.

No vulnerabilities found.

No security vulnerabilities found.