Test Fonts Form

Form for downloading test fonts

Displays a form for users to enter their information and download test fonts. Make sure you have configured Test Fonts for this to work.

<fontdue-test-fonts-form

  download-label="Download test fonts"

  newsletter-checkbox-checked

></fontdue-test-fonts-form>

import TestFontsForm from "fontdue-js/TestFontsForm";



<TestFontsForm

  downloadLabel="Download test fonts"

  newsletterCheckboxChecked

/>

This form needs no collection identifier, so it renders lazily as shown. On a server-rendered framework you can optionally preload it with loadTestFontsFormQuery to skip the client fetch, passing the result as preloadedQuery – see lazy versus preloaded:

import TestFontsForm, { loadTestFontsFormQuery } from "fontdue-js/TestFontsForm";



const testFonts = await loadTestFontsFormQuery();



<TestFontsForm preloadedQuery={testFonts} />
Property Description Type
agreement-label Replaces the default EULA agreement text string
newsletter-checkbox-checked Include this attribute to set the newsletter opt-in checkbox checked by default. boolean
download-label Text for the download button. Defaults to “Download test fonts” string
Prop Description Type
agreementLabel Replaces the default EULA agreement text string
newsletterCheckboxChecked Include this attribute to set the newsletter opt-in checkbox checked by default. boolean
downloadLabel Text for the download button. Defaults to “Download test fonts” string
preloadedQuery Server-preloaded data from loadTestFontsFormQuery. Optional – the form fetches lazily without it. object