@rmwc/button

Buttons

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

• import * from '@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/DocumentComponent';
import * as docs from './docgen.json';

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