button-group

v4.9.10

v4.5.2

STATUS

Passing

DOWNLOADS

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

33 KB

Demos: - [Button Group](https://material-ui.com/components/button-group/) API: - [ButtonGroup API](https://material-ui.com/api/button-group/)

1 contributor

Install button-group as a package?

Copied

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

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';

buttonGroup ()

Demos:

API:

Properties

Name	Type	Description
children (required)	`node`	The content of the button group.
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 buttons will be disabled.
disableFocusRipple	`bool`	If `true`, the button keyboard focus ripple will be disabled. `disableRipple` must also be true.
disableRipple	`bool`	If `true`, the button ripple effect will be disabled.
fullWidth	`bool`	If `true`, the buttons will take up the full width of its container.
orientation	`'vertical' \| 'horizontal'`	The group orientation.
size	`'small' \| 'medium' \| 'large'`	The size of the button. `small` is equivalent to the dense button styling.
variant	`'text' \| 'outlined' \| 'contained'`	The variant to use.