I've built and have been maintaining a React component that renders an Airtable / Notion-like component for a few years.
This can be seen as an <input/> where the value is an array of objects.
You can then specify any number of columns that are each responsible for rendering an input for a specific key.
The component handles all accessibility features like keyboard navigation, adding / removing rows, context menu, virtualization...
If you ever need your users to input long lists of data, this might be a good way to render the form!
This can be seen as an <input/> where the value is an array of objects. You can then specify any number of columns that are each responsible for rendering an input for a specific key.
The component handles all accessibility features like keyboard navigation, adding / removing rows, context menu, virtualization...
If you ever need your users to input long lists of data, this might be a good way to render the form!