@felte/extender-persist

@felte/extender-persist

A package to persist your form's state in localStorage.

Installation

npm install --save @felte/extender-persist

# Or, if you use yarn

yarn add @felte/extender-persist

Usage

Extend Felte with the extender export, the extenders accepts an object with options. A unique ID is required to use it as the ID for the localStorage.

import { extender } from '@felte/validator-yup';

const { form } = createForm({
  // ...
  extend: extender({ id: 'uniqueId' }), // or `extend: [extender({ id: 'uniqueId' })],`
  // ...
});

Ignoring fields

You might not want to save certain fields such as passwords to local storage, for this you may add an extra property to the configuration of the extender with an array of paths to the data you want to ignore:

{
  extend: extender({ id: 'uniqueId', ignore: ['account.password'] }),
}

Or you may add the attribute data-felte-extender-persist-ignore to the input you don't want to persist.