Amsterdam-react-final-form NPM

Amsterdam react final form

Provides adapters for (form-)components defined in amsterdam-styled-components to be compatible with react-final-form.

Demo

Please have a look at our storybook!

Goals

Aims to be as close to the design system as possible.
All fields should be able to render a:
- Label
- Input control (input, select, textarea, etc.)
- Error message
All fields should be as wide as their container.
react-final-form should just be a thin layer on top of the components.

Usage

import React from 'react'
import { Form } from 'react-final-form'

const MyForm:React.FC = () => (
    <Form 
        onSubmit={handleSubmit}
        render={({ handleSubmit }) => {
            <form onSubmit={handleSubmit}>                
                <TextField name='firstname' label='First name' />
                <TextField name='surname' label='Surname' />
                <Button variant='secondary' type='submit' />
            </form>
        }} 
/>
)

@datapunt/asc-ui final-form final-form-arrays lodash.isequal react-final-form react-final-form-arrays

@infinitebrahmanuniverse/nolb-ams @everything-registry/sub-chunk-1128 amsterdam-scaffold-form

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago