@rmwc/button

Buttons

Buttons communicate the action that will occur when the user touches them.

• Module @rmwc/button
• Import styles:
  • import '@material/button/dist/mdc.button.css';
• MDC Docs: https://material.io/develop/web/components/buttons/

import { Button, ButtonIcon } from '@rmwc/button';

<Button>Default</Button>
<Button><ButtonIcon icon="favorite" /> With Icon</Button>
<Button raised>Raised</Button>
<Button dense>Dense</Button>
<Button unelevated>Unelevated</Button>
<Button outlined>Outlined</Button>
<Button raised theme="secondary-bg on-secondary">With Theme</Button>


{/*
  Modify the Buttons Ripple.
  This example uses "accent" to control the color of the Ripple.
  See the documentation on Ripples.
  */
}
<Button theme="secondary" accent>With Theme</Button>
<Button ripple={false}>No Ripple</Button>

import { DocumentComponent } from '@rmwc/base/utils/document-component';
import * as docs from './docgen.json';
import * as iconDocs from '@rmwc/icon/docgen.json';

<DocumentComponent docs={docs} displayName="Button" />
<DocumentComponent docs={[docs, iconDocs]} displayName="ButtonIcon" composes={['Icon']} />

Changelog

3.0.10 (2018-11-09)

Bug Fixes

• Checkbox: Corrects an issue where animations would reply if checkbox display property was set to none and back #343 (f5572ae7)
• Switch: Corrects issues with syncing, adds missing ripple, rewrites using Foundation adapter pattern #361 (5e95ef24)
• Textfield: Corrects issue with floating label on dynamic updates #362 (c6b85926)