@synerise/ds-action-area NPM | npm.io

1.0.11 • Published 1 month ago

Install

Weekly downloads

68

License

ISC

Repository

Last release

1 month ago

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`	-

@synerise/ds-button @synerise/ds-typography @synerise/ds-utils classnames

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-889 @zalastax/nolb-_syn @synerise/design-system

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