Node Password Form

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*).

On a server-rendered React site the password gate works differently: your page detects the lock and renders the form, rather than the form detecting it. See Password-protected collections for that setup. The custom element documented here is for script-tag sites, where it detects the lock itself.

<fontdue-node-password-form
  collection-slug="ibm-plex"
></fontdue-node-password-form>
<fontdue-buy-button
  collection-slug="ibm-plex"
></fontdue-buy-button>