Socket
Book a DemoInstallSign in
Socket

rea11y-easy-form

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rea11y-easy-form

Accessible form library using react-final-form

0.3.11
latest
Source
npmnpm
Version published
Weekly downloads
1
Maintainers
1
Weekly downloads
 
Created
Source

rea11y-easy-form

License: MIT NPM version Types: TypeScript Tree Shaking: Supported

React React Final Form

The (hopefully!) easiest way to build highly performant and accessible forms in React.

Built on top of react-final-form (for its subscription-based form state management), the key goals and features of rea11y-easy-form are:

  • Accessibility
  • Simplicity
  • Extensibility
  • Performance

In that order too!

With a number of built-in components developed for accessibility, and the ability to easily use your own, rea11y-easy-form should have you covered.

View the components and docs in Storybook.

Install

react-final-form and final-form are required peer dependencies for all of the core functionality.

npm install rea11y-easy-form react-final-form final-form
# or
yarn add rea11y-easy-form react-final-form final-form

Certain components require additional peer dependencies as well. They are only needed if you plan to use those components though.

Development

Testing

npm run test

Building

npm run build

Storybook

To run a live-reload Storybook server on your local machine:

npm run storybook

Generating New Components

npm run generate YourComponentName

This will generate:

/src
  /YourComponentName
    YourComponentName.tsx
    YourComponentName.stories.tsx
    YourComponentName.test.tsx
    YourComponentName.types.ts

Installing Component Library Locally

Let's say you have another project (test-app) on your machine that you want to try installing the component library into without having to first publish the component library. In the test-app directory, you can run:

npm i --save ../rea11y-easy-form

which will install the local component library as a dependency in test-app. It'll then appear as a dependency in package.json like:

  ...
  "dependencies": {
    ...
    "rea11y-easy-form": "file:../rea11y-easy-form",
    ...
  },
  ...

Keywords

React Form

FAQs

Package last updated on 12 Sep 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.