Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-bootstrap-buttons

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-bootstrap-buttons

React Bootstrap buttons.

  • 0.2.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
322
increased by1.26%
Maintainers
1
Weekly downloads
 
Created
Source

react-bootstrap-buttons build status Coverage Status

NPM

React Bootstrap buttons.

Demo: https://cheton.github.io/react-bootstrap-buttons

Installation

  1. Install react-bootstrap-buttons:
npm install --save react-bootstrap-buttons
  1. Import react-bootstrap-buttons and its styles in your application as follows:
import { Button, ButtonGroup, ButtonToolbar } from 'react-bootstrap-buttons';

// Be sure to include styles at some point, probably during your bootstraping
import 'react-bootstrap-buttons/dist/react-bootstrap-buttons.css';

Create a Buttons component inside your common components directory:

components/
  Buttons/
    index.js

components/Buttons/index.js

import 'react-bootstrap-buttons/dist/react-bootstrap-buttons.css';

export { Button, ButtonGroup, ButtonToolbar } from 'react-bootstrap-buttons';

Then, import Button component in your code:

import { Button } from 'app/components/Buttons';

API

Properties

Button
NameTypeDefaultDescription
tagFunction or String'button'Pass in a component to override default button element.
typeOne of:
'button'
'reset'
'submit'
'button'Specifies the type of button.
btnSizeOne of:
'lg'
'md'
'sm'
'xs'
'large'
'medium'
'small'
'extra-small'
'md'Component size variations.
btnStyleOne of:
'default'
'primary'
'secondary'
'danger'
'warning'
'info'
'success'
'light'
'dark'
'link'
'default'Component visual or contextual style variants.
outlineBooleanfalseSpecifies whether to remove background image and color on a button.
blockBooleanfalseSpecifies whether to span the full width of a parent.
activeBooleanfalseSpecifies whether to add active effect to a button.
hoverBooleanfalseSpecifies whether to add hover effect to a button.
focusBooleanflaseSpecifies whether to add focus effect to a button.
disabledBooleanflaseSpecifies whether a button should be disabled or not.
ButtonGroup
NameTypeDefaultDescription
btnSizeOne of:
'lg'
'md'
'sm'
'xs'
'large'
'medium'
'small'
'extra-small'
Component size variations.
btnStyleOne of:
'default'
'primary'
'secondary'
'danger'
'warning'
'info'
'success'
'light'
'dark'
'link'
Component visual or contextual style variants.
verticalBooleanfalseSpecifies whether a button group should be aligned vertically or not.
ButtonToolbar
NameTypeDefaultDescription

License

MIT

Keywords

FAQs

Package last updated on 21 Dec 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc