DocSpace-client/packages/asc-web-components/button/README.md
2021-02-26 00:19:45 +03:00

2.7 KiB

Button

Button is used for a action on a page.

Usage

import Button from "@appserver/components/button";
<Button
  size="base"
  isDisabled={false}
  onClick={() => alert("Button clicked")}
  label="OK"
/>

Properties

Props Type Required Values Default Description
className string - - - Accepts class
icon node - - null Icon node element
id string - - - Accepts id
isClicked bool - - false Tells when the button should present a clicked state
isDisabled bool - - false Tells when the button should present a disabled state
isHovered bool - - false Tells when the button should present a hovered state
isLoading bool - - false Tells when the button should show loader icon
label string - - - Button text
onClick func - - - What the button will trigger when clicked
primary bool - - false Tells when the button should be primary
scale bool - - false Scale width of button to 100%
size oneOf - base, middle, big, large base Size of button
style obj, array - - - Accepts css style
tabIndex number - - -1 Button tab index
minWidth string - - null Sets the min width of the button