button

v1.0.11

v1.0.10

v1.0.9

v1.0.8

v1.0.7

v1.0.6

v1.0.5

v1.0.4

v1.0.3

v1.0.2

v1.0.1

v1.0.0

STATUS

Passing

DOWNLOADS

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

5 KB

Base button, with very basic styles.

1 contributor

Install button as a package?

Copied

npm i @bit/kutner.temp.atoms.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 ()

Base button, with very basic styles. Accepts all parameters of native html button. If onClick returns a promise, BaseButton will show a loader automatically, until the promise is resolved or rejected.

Example

<Button onClick={() => api.submitUserData()} loader={<CustomLoader/> } />

Properties

Name	Type	Default value	Description
loader	`ReactNode`	`<Spinner color="#ffffff" size={18} style={{ verticalAlign: 'middle' }} />`	loader to show while button is busy. Turns on when onClick returns a promise (until it resolves), or when `loading={true}`.
loading	`boolean`	`false`	explicitly toggle loader on and off