@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 | - |
5 months ago
5 months ago
5 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
3 months ago
3 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
8 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months 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
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
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
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
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago