To install, type the following into the command line at the root of your project:
npm install @brighthr/component-buttonTo install, type the following into the command line at the root of your project:
``
npm i @brighthr/component-button
To implement the Button component into your project you’ll need to add the import:
`javascript`
import Button from '@brighthr/component-button';
After adding import into your project you can use it simply like:
`jsx`Props
| Name | Type | Default | Description |
|---------------|--------------------------------------------|------------|----------------------------------------------------------------------|
| color | 'primary' 'accent' 'error' 'white' | 'accent' | Sets the color of the button. |boolean
| fullWidth | | false | Sets the button width to 100%. |string
| iconName | | | Sets the icon to display, uses calendar-dates if left empty. |'left'
| iconPosition | 'right' | | Sets the position of the icon, if left empty the icon will not show. |boolean
| isLoading | | false | If true, the loading spinner will show. |boolean
| outlineButton | | false | If true, the button will have a white background. |'xs'
| size | 'sm' 'base' 'lg' 'xl' | 'base' | Sets the size of the button. |string
| text | | | Sets the button text. |boolean
| textButton | | false | If true`, gives the button a text appearance. |