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

1.0.11 • Published 3 months ago

Install

Weekly downloads

68

License

ISC

Repository

Last release

3 months 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

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