Deprecated as of Novemeber 2024. Please use New Library(B_Block v2.0)

Custom Button Component

Custom Button.

Props

PropertyTypeDescription
idstringThe unique identifier for the element
valuestringThe value of the element
onClick(event: ChangeEvent<HTMLInputElement>) => voidThe event handler for when the element is clicked
classNamestringThe CSS class name(s) applied to the element
namestringThe name of the element
disabledbooleanWhether the element is disabled or not
typestringThe type of the button, can be one of "submit", "reset" or "button"

Usage

Here's an example of how to use the Custom Button component:

Functional Component
App.tsx
import { CustomBtn } from 'building-blocks';
 
function App() {
  return (
    // specifies the tag for render the MultiSelect component
    <CustomBtn
      id="id_90"
      value="Submit"
      type="submit"
      className="btn-class"
      onClick={onClick}
    />
  );
}