Buttons
Buttons communicate the action that will occur when the user touches them.
import { Button, ButtonIcon } from '@rmwc/button';
import { CircularProgress } from '@rmwc/circular-progress';
<Button label="Default" />
<Button
label="With Icon"
icon="favorite"
/>
<Button
label="Raised"
raised
/>
<Button
label="Dense"
dense
/>
<Button
label="Unelevated"
unelevated
/>
<Button
label="Outlined"
outlined
/>
<Button
label="With Theme"
raised
theme={['secondaryBg', 'onSecondary']}
/>
{
}
<Button
label="With Theme"
theme="secondary"
ripple={{accent: true}}
/>
<Button
label="No Ripple"
ripple={false}
/>
<Button
label="Loading"
icon={<CircularProgress />}
/>
{}
<Button><ButtonIcon icon="star" /> As Children</Button>
import { Docs } from '@rmwc/base/utils/document-component';
import * as docs from './docgen.json';
<Docs src={docs} components={['Button', 'ButtonIcon']} />