Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
react-bootstrap-buttons
Advanced tools
Readme
React Bootstrap buttons.
Demo: https://cheton.github.io/react-bootstrap-buttons
npm install --save react-bootstrap-buttons
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';
Examples for each component can be seen in the documentation.
Here are some online demos of each component:
Name | Type | Default | Description |
---|---|---|---|
tag | Function or String | 'button' | Pass in a component to override default button element. |
type | One of: 'button' 'reset' 'submit' | 'button' | Specifies the type of button. |
lg | Boolean | Large button. | |
md | Boolean | Medium button. | |
sm | Boolean | Small button. | |
xs | Boolean | Extra small button. | |
btnStyle | One of: 'default' 'primary' 'secondary' 'danger' 'warning' 'info' 'success' 'light' 'dark' 'link' | 'default' | Component visual or contextual style variants. |
outline | Boolean | false | Specifies whether to remove background image and color on a button. |
block | Boolean | false | Specifies whether to span the full width of a parent. |
active | Boolean | false | Specifies whether to add active effect to a button. |
hover | Boolean | false | Specifies whether to add hover effect to a button. |
focus | Boolean | flase | Specifies whether to add focus effect to a button. |
disabled | Boolean | flase | Specifies whether a button should be disabled or not. |
Name | Type | Default | Description |
---|---|---|---|
lg | Boolean | Large button group. | |
md | Boolean | Medium button group. | |
sm | Boolean | Small button group. | |
xs | Boolean | Extra small button group. | |
btnStyle | One of: 'default' 'primary' 'secondary' 'danger' 'warning' 'info' 'success' 'light' 'dark' 'link' | Component visual or contextual style variants. | |
vertical | Boolean | false | Specifies whether a button group should be aligned vertically or not. |
Name | Type | Default | Description |
---|
MIT
FAQs
React Bootstrap buttons.
The npm package react-bootstrap-buttons receives a total of 77 weekly downloads. As such, react-bootstrap-buttons popularity was classified as not popular.
We found that react-bootstrap-buttons demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
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.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.