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