Node Password Form

Password protection form for font collections

Font Collections with passwords are not accessible until a user enters the password using this form. This form will be hidden if the user has already accessed the collection, and it will automatically refresh the page upon success. So, to set up a basic password access for a collection, you can place this form next to a buy button (for example). In the example below, only the form is visible until the password is entered, and then only the buy button is visible.

To “undo” the password access, you need to clear your cookies (_fontdue_session*).

This component is only available as an HTML custom element. It is not currently exported as a React component from the fontdue-js package. If you need this in your React app, contact us.

<fontdue-node-password-form
collection-slug="ibm-plex"
></fontdue-node-password-form>
<fontdue-buy-button
collection-slug="ibm-plex"
></fontdue-buy-button>
Property Description Type
collection-id or collection-slug Identifier for collection string Required