button

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

48,865

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

32 KB

Buttons allow users to take actions, and make choices, with a single tap.

2 contributors

Install button as a package?

Copied

npm i @bit/mui-org.material-ui.button

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

button ()

Demos:

API:

Properties

Name	Type	Description
children (required)	`node`	The content of the button.
classes (required)	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
color	`'default' \| 'inherit' \| 'primary' \| 'secondary'`	The color of the component. It supports those theme colors that make sense for this component.
component	`elementType`	The component used for the root node. Either a string to use a DOM element or a component.
disabled	`bool`	If `true`, the button will be disabled.
disableElevation	`bool`	If `true`, no elevation is used.
disableFocusRipple	`bool`	If `true`, the keyboard focus ripple will be disabled. `disableRipple` must also be true.
disableRipple	`bool`	If `true`, the ripple effect will be disabled. ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure to highlight the element by applying separate styles with the `focusVisibleClassName`.
endIcon	`node`	Element placed after the children.
focusVisibleClassName	`string`
fullWidth	`bool`	If `true`, the button will take up the full width of its container.
href	`string`	The URL to link to when the button is clicked. If defined, an `a` element will be used as the root node.
size	`'small' \| 'medium' \| 'large'`	The size of the button. `small` is equivalent to the dense button styling.
startIcon	`node`	Element placed before the children.
type	`string`
variant	`'text' \| 'outlined' \| 'contained'`	The variant to use.