@axa-fr/react-toolkit-form-core NPM

`@axa-fr/react-toolkit-form-core`

Installation

npm i @axa-fr/react-toolkit-form-core

FieldForm

Import

import { Field, HelpMessage } from '@axa-fr/react-toolkit-form-core';
import '@axa-fr/react-toolkit-form-core/dist/af-form.css';

Use

const FieldForm = () => (
  <Field id="uniqueId" label="Your Label">
    <textarea name="placeName" placeholder="Paris"></textarea>
    <HelpMessage message="Enter the place name, ex : Webcenter" />
  </Field>
);
export default FieldForm;

forceDisplayMessage

The default behavior prevents HelpMessage from displaying until the user interacts (change or focus event) with Field

You can bypass this behavior to display message anyway by setting the property forceDisplayMessage to true (false by default)

<Field id="uniqueId" label="Your Label" forceDisplayMessage />

<Field id="uniqueId" label="Your Label" forceDisplayMessage={true} />

You can add this parameter to any input from the toolkit since inputs pass their props to Field

@axa-fr/react-toolkit-core cuid

1 month ago

1 month ago

2 months ago

2 months ago

3 months ago

7 months ago

7 months ago

8 months ago

8 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 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

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

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

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago