🪐 Nessus UI

A React UI library with easy and ready to use components!

Button

---

A component for triggering a user action. e.g: a submit button in a form

Import

import { Button } from 'nessus-ui';

Usage

<Button
  buttonType="contained"
  text="Send"
  loading={loading}
  loadingAnimation={loadingAnimation}
  onClick={() => 'Do something'}
/>

Required props

Name	Type	Description
text	string	Text that will show inside button

Optional props

Name	Type	Description
onClick	function
buttonType	string	A type that determines the style of the button. ('contained', 'outlined', 'disabled')
type	string	Determines the type of button input. ('button', 'submit','reset')
buttonWidth	string	Determines a specific width to the button.
disabled	boolean	Determines whether the button is disabled or not.
testID	string	Specify the data-testid of the button.
loading	boolean	Specify whether to show the loading or not.
loadingAnimation	any	The element to show when 'loading' is true.