@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.9 (2018-10-31)

Bug Fixes

• Select: fixes issue with floating label when programatically updating options #350 (4ccd6f47)
• Checkbox: corrects remaining sync issues https://github.com/material-components/material-components-web/issues/4018 (1bcd0ced)