icon-button

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

87,145

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

32 KB

If given, uses a negative margin to counteract the padding on one

2 contributors

Install icon-button as a package?

Copied

npm i @bit/mui-org.material-ui.icon-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

If given, uses a negative margin to counteract the padding on one side (this is often helpful for aligning the left or right side of the icon with content above or below, without ruining the border size and shape).

Refer to the Icons section of the documentation regarding the available icon options. Demos:

API:

IconButton API
inherits ButtonBase API

Refer to the Icons section of the documentation regarding the available icon options.

Properties

Name	Type	Description
children	`custom`	The icon element.
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.
disabled	`bool`	If `true`, the button will be disabled.
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.
edge	`'start' \| 'end' \| false`	If given, uses a negative margin to counteract the padding on one side (this is often helpful for aligning the left or right side of the icon with content above or below, without ruining the border size and shape).
size	`'small' \| 'medium'`	The size of the button. `small` is equivalent to the dense button styling.