Gathering detailed insights and metrics for @unlimited-react-components/material-button
Gathering detailed insights and metrics for @unlimited-react-components/material-button
Material design react button
Installations
npm install @unlimited-react-components/material-buttonReleases
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
Languages
TypeScript (79.93%)
SCSS (11.9%)
JavaScript (8.17%)
Total Downloads
Cumulative downloads
Total Downloads
2,273,678
Last day
10.6%
324
Compared to previous day
Last week
10%
1,151
Compared to previous week
Last month
-2%
4,923
Compared to previous month
Last year
-21.5%
84,163
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dev Dependencies
41
reactreact-dom@babel/core@rollup/plugin-commonjs@rollup/plugin-node-resolve@storybook/addon-actions@storybook/addon-links@storybook/addons@storybook/preset-scss@storybook/react@testing-library/jest-dom@testing-library/react@types/jest@types/node@types/testing-library__jest-dom@types/testing-library__react@typescript-eslint/eslint-plugin@typescript-eslint/parserbabel-loadercoverallscss-loadereslinteslint-config-prettiereslint-plugin-jesteslint-plugin-prettiereslint-plugin-reactfork-ts-checker-webpack-pluginidentity-obj-proxyjestprettierrolluprollup-plugin-peer-deps-externalrollup-plugin-sassrollup-plugin-terserrollup-plugin-typescript2sass-loaderstyle-loaderts-jestts-loadertslibtypescript
Versions
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.