Button

To 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:

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. |