button

v1.2.14arrow_drop_down
v1.2.14
v1.2.13
v1.2.12
v1.2.11
v1.2.10
v1.2.9
v1.2.8
v1.2.7
v1.2.6
v1.2.5
v1.2.4
v1.2.3
v1.2.2
v1.2.1
v1.2.0
STATUS
Passing
DOWNLOADS
32
VISIBILITY
Public
PUBLISHED
5 years ago
SIZE
5 KB
1 contributor
Install button as a package?
Copied
npm i @bit/ashwani18.embase-components.sd-ui.button
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
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';
toggle layout
modifieddraft
chevron_left
chevron_right
Properties
NameTypeDefault valueDescription
type
string'button'

declares type property of button element (eg. ‘button’)

width
number

adds inline width for Button.

children
node

The content of the Button. This can be any valid HTML or react components.

className
string'button-primary'

one of button-primary (default), button-secondary, button-tertiary, button-anchor, button-warning and any other classes you would like to use.

id
string

adds id attribute on Button.

icon
function | node

declares an associated icon: this can be a React Component or an instance of a React Component.

iconPlacement
'left' | 'right'

declares placement of the icon (eg. ‘left’ or ‘right’).

onMouseLeave
function() => {}
disabled
bool

declares a disabled Button

Help and resources