.. | ||
all.buttons.stories.js | ||
README.md |
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' disabled={true} onClick={() => alert('Button clicked')}>Save message</Button>
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
primary |
bool |
- | - | - | Tells when the button should be primary |
disabled |
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