Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

secondary-button

v1.0.7arrow_drop_down
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
39
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
5 months ago
SIZE
7 KB
Renders a HTML Button element
1 contributor
Use secondary-button in your project ?
Copied
npm i @bit/lekanmedia.shared-ui.secondary-button
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
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';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
chevron_left
chevron_right
SecondaryButton (
props.className:string,
props.addClass:string,
props.width:number,
props.height:number,
props.text:string,
props.children:JSX.Element,
props.onClick:function
) : JSX.Element

Renders a HTML Button element

Arguments
props.className: string

The default class of the button.

props.addClass: string

Add extra class styles to overwrite default class.

props.width: number

Width of the button.

props.height: number

Height of the button.

props.text: string

Text for the button.

props.children: JSX.Element

React Elements

props.onClick: function

onclick event function of the button.

Returns
JSX.Element

A `PrimaryButton` with secondary-button style.

NormalSecondaryButton (
props.className:string,
props.addClass:string,
props.width:number,
props.height:number,
props.text:string,
props.children:JSX.Element,
props.onClick:function
) : JSX.Element

Renders a HTML Button element

Arguments
props.className: string

The default class of the button.

props.addClass: string

Add extra class styles to overwrite default class.

props.width: number

Width of the button.

props.height: number

Height of the button.

props.text: string

Text for the button.

props.children: JSX.Element

React Elements

props.onClick: function

onclick event function of the button.

Returns
JSX.Element

A `SecondaryButton` with normal style.

SuccessSecondaryButton (
props.className:string,
props.addClass:string,
props.width:number,
props.height:number,
props.text:string,
props.children:JSX.Element,
props.onClick:function
) : JSX.Element

Renders a HTML Button element

Arguments
props.className: string

The default class of the button.

props.addClass: string

Add extra class styles to overwrite default class.

props.width: number

Width of the button.

props.height: number

Height of the button.

props.text: string

Text for the button.

props.children: JSX.Element

React Elements

props.onClick: function

onclick event function of the button.

Returns
JSX.Element

A `SecondaryButton` with success style.

DangerSecondaryButton (
props.className:string,
props.addClass:string,
props.width:number,
props.height:number,
props.text:string,
props.children:JSX.Element,
props.onClick:function
) : JSX.Element

Renders a HTML Button element

Arguments
props.className: string

The default class of the button.

props.addClass: string

Add extra class styles to overwrite default class.

props.width: number

Width of the button.

props.height: number

Height of the button.

props.text: string

Text for the button.

props.children: JSX.Element

React Elements

props.onClick: function

onclick event function of the button.

Returns
JSX.Element

A `SecondaryButton` with danger style.