DocSpace-client/web/ASC.Web.Components/example/stories/buttons/all

Buttons: Button

Usage

import { Button } from 'asc-web-components';

Description

Buttons are used for a action on a page.

Usage

<Button primary={true} size='big' isDisabled={true} onClick={() => alert('Button clicked')}>Save message</Button>

Properties

Props	Type	Required	Values	Default	Description
primary	bool	-	-	-	Tells when the button should be primary
isDisabled	bool	-	-	-	Tells when the button should present a disabled state
onClick	func	✅	-	-	What the button will trigger when clicked
size	oneOf	-	base, middle, big, huge	base	-

The component further forwards all data- and aria- attributes to the underlying button component.

Main Functions and use cases are:

• Primary action example: Save changes

• Not primary action example: Cancel

• Affirming affects example: Submit a form

• Attracting attention example: Add a discount rule