@synerise/ds-form NPM

id: form

title: Form

Form UI Component

Installation

npm i @synerise/ds-form
or
yarn add @synerise/ds-form

Usage

import Form from '@synerise/ds-form'

<Form />

Deprecated Features

The Form and EditableList components have been deprecated and replaced by EditableItemsList component. Please refer to the EditableItemsList documentation for more information on how to transition to the new component.

Demo

API

Form.FieldSet

Property	Description	Type	Default
heading	Heading text	string	-
className	Class name applied to the element	string	-
description	Description text	string	-
withLine	Whether divider should be displayed	boolean	`false`

EditableList

Property	Description	Type	Default
firstInputProps*	Enable overwriting first input props	AutocompleteProps / undefined	-
secondInputProps*	Enable overwriting second input props	InputProps / undefined	-
validation	Enable validation on first and second column	Record<'validateLeftColumn' / 'validateLeftColumn', (val: string) => string / ReactNode / null	-
addButtonConfig	Define props for button	AddButtonConfigProps / undefined	-

in order to overwrite f.e. styles in first two columns, it is possible to use spread operator used in component implementation, to overwrite style of third column it is required to import styled component wrapper and overwrite it

@synerise/ds-autocomplete @synerise/ds-button @synerise/ds-cruds @synerise/ds-divider @synerise/ds-icon @synerise/ds-input @synerise/ds-typography

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

7 days ago

9 days ago

9 days ago

18 days ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

7 months ago

7 months ago

8 months ago

7 months ago

8 months ago

8 months ago

6 months ago

6 months ago

7 months ago

7 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

8 months ago

9 months ago

8 months ago

9 months ago

9 months ago

11 months ago

11 months ago

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

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

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

3 years ago

3 years ago

3 years ago

2 years ago

3 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

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

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

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