@synerise/ds-action-area v1.0.11
id: action-area
title: ActionArea
ActionArea UI Component
Installation
npm i @synerise/ds-action-area
or
yarn add @synerise/ds-action-area
Usage
import ActionArea from '@synerise/ds-action-area'
<ActionArea description="Description" label="Label" actionLabel="Define" action={() => {}} />
Demo
API
Either both action
& actionLabel
OR customAction
is required.
Property | Description | Type | Default |
---|---|---|---|
action | Function called when user clicks on ActionButton | Function | - |
actionLabel | Label of action button | React.ReactNode | - |
customAction | content to render below description | React.ReactNode | - |
description | Description of ActionArea | React.ReactNode | - |
label | Label of ActionArea | React.ReactNode | - |
buttonProps | optional additional button props | see ds-button | - |
isFullWidth | Set component width to 100% available space | boolean | false |
isError | Set component state to invalid | boolean | false |
errorText | Text to display when is invalid state | React.ReactNode | - |
className | custom class name | string | - |
style | custom CSS style | React.CSSProperties | - |
4 months ago
4 months ago
4 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
1 month ago
1 month ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
8 months ago
8 months ago
8 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
9 months ago
9 months ago
9 months ago
10 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
1 year ago
1 year ago
1 year ago
11 months ago
12 months ago
10 months ago
11 months ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago