npm install react-buttons-ui
import { IconBtn } from "react-buttons-ui"
-
Asides from
IconBtn
, all buttons includeiconStart
andiconEnd
property to position your icon at the start or end of the button. -
All buttons include
disable
property that accepts aboolean
value.
Check out live demo and usage details here!
Name | Description | Highlights |
---|---|---|
FullScreen | button that triggers full screen of an element | Can reference target element by passing callback to target property |
Upload | a customized button to upload files | onChange property takes a callback the receives the file object directly, ie, event.target.files[0] from html <input type="file />" |
Select | fully customizable select button | hideOnSelect property when set to true hides option menu when an option is selected, and vice versa when set to false |
Next | a simple next button | |
IconBtn | a button based on an icon of your choice | circle property to convert button to circle shape |
Confirm | confirm button for confirmation use | disableOnConfirm property allows developers to toggle the disable state depending on the fulfillment of a confirmation |
-
Combining
next
button with aprevious
button as a set to enhance usage. -
Create a
cancel
button to pair withconfirm
button for more complete functionality -
Increase default styling options (color, size, shape, etc)