button

v1.0.1

v1.0.0

STATUS

Failing

DOWNLOADS

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

6 years ago

SIZE

N/A

Returns an object with properties that are relevant for the button element.

1 contributor

Install button as a package?

Copied

npm i @bit/tomlandau.belle.components.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';

Returns an object with properties that are relevant for the button element.

In case a wrong or no type is defined the type of the child button will be set to button.

Update hover, focus & active style for the speficied styleId.

Button component

The button behaves exactly like a normal html button except:

Once a user clicks on the button it will loose focus
By default every button is of type="button" instead of “submit”

Generates the style-id & inject the focus & active style.

Update the childProps based on the updated properties of the button.

Deactivate the focused attribute in order to make sure the focus animation only runs once when the component is focused on & not after re-rendering e.g when the user clicks the button.

Remove a component’s associated styles whenever it gets removed from the DOM.

Activate the focused attribute used to determine when to show the one-time focus animation and trigger a render.

Deactivate the focused attribute used to determine when to show the one-time focus animation and trigger a render.

Updates the button to be pressed.

Updates the button to be release.

As soon as the mouse enters the component the isHovered state is activated.

Deactivate the isHovered state.