0.15.0 • Published 5 years ago

@material/react-button v0.15.0

Weekly downloads
4,301
License
MIT
Repository
github
Last release
5 years ago

React Button

A React version of an MDC Button.

Installation

npm install @material/react-button

Usage

Styles

with Sass:

import '@material/react-button/index.scss';

with CSS:

import '@material/react-button/dist/button.css';

Javascript Instantiation

import React from 'react';
import Button from '@material/react-button';

class MyApp extends React.Component {
  render() {
    return (
      <Button>
        Click Me!
      </Button>
    );
  }
}

Props

Prop NameTypeDescription
classNameStringClasses to be applied to the root element.
raisedBooleanEnables raised variant.
unelevatedBooleanEnables unelevated variant.
outlinedBooleanEnables outlined variant.
denseBooleanEnables dense variant.
iconElementIcon to render within root element.
trailingIconElementIcon to render on the right side of the element
childrenStringText to be displayed within root element.
disabledBooleanDisables button if true.
hrefStringSets a hyperlink & uses anchor tag instead of a button.

Sass Mixins

Sass mixins may be available to customize various aspects of the Components. Please refer to the MDC Web repository for more information on what mixins are available, and how to use them.

Advanced Sass Mixins

Usage with Icons

Please see our Best Practices doc when importing or using icon fonts.

@brijeshpanchal/spinner@brijeshpanchal/tm1@asotoglez/super-lemonreact-input-tempwebstaurant-tabletestwebstaurant-tailwindwebstaurant-testsuper-pipzytest-npm-package-hososuper-lemon-dendikzpnry-testeprc-lib-uimrk-lib-ui-testlittles1-modules2@shaliniv/reactdynamictable@shaliniv/reacttabletestflight-01alm-search-05role-app@alliancesafetycouncil/asc-primary-buttonbenivo-packagesscb-core-payrollitem-flowing-testt@brijeshpanchal/range-slider@brijeshpanchal/button@brijeshpanchal/mp3-playerandreev--dummy-modulecomp-react-gesprocosmo-forms-testbutton122332material-mbxreact-non-interactive-iframemiprimerpaquete-dcipucp2021header-dci-genericosuper-lemon-test-ui@infilect_developer/shelf-visualiserludvig-grenmo-tonic-uiodemo-appthe-easy-date-picker-two@morcos/once-shared@morcos/textcomponente-lunasuper-lemon222pagination-peisreact-time-picker1react-spin-loader@everything-registry/sub-chunk-584alm-search-pckgdy012332132react-annotegrowl-npmjuicy-uiids-buttoninnowisegroup-test-npmimpetus-context-menulimon-testlittle-app-packagematerial-onematerial-expandmaterial-expandv1material-expandv10material-expandv11material-expandv12material-expandv13material-expandv14material-expandv15material-expandv16material-expandv2material-expandv3material-expandv4material-expandv5material-expandv6material-expandv7material-expandv8material-expandv9material-web-react@thomasdamri/componentlibtest@arturgspb/metaui@ashishkumar-angularminds/rbaccodeprezcolornktconnect-masjid-ruccontent-loader-reactjscore-react-componentscryptobankcreate-test-componentcrude-box-reactd-show-textdesign-system-tracknmedm-pkgdemo-registrydemo-projects@hexclane/randomcharbrand-table-listcallpypeprobuttons-componentcap-aime-emailcard-module@jaiharishan/react-scrollboxformbuilderbyaniket1
0.15.0

5 years ago

0.14.1

5 years ago

0.14.0

5 years ago

0.13.0

5 years ago

0.12.1

5 years ago

0.12.0

5 years ago

0.11.0

5 years ago

0.10.0

5 years ago

0.9.2

5 years ago

0.9.1

5 years ago

0.9.0

5 years ago

0.8.0

5 years ago

0.7.1

5 years ago

0.7.0

5 years ago

0.6.2

5 years ago

0.6.1

6 years ago

0.6.0

6 years ago

0.5.0

6 years ago

0.4.2

6 years ago

0.4.1

6 years ago

0.4.0

6 years ago

0.3.0

6 years ago

0.2.0

6 years ago

0.1.0

6 years ago