Store Modal

Self-contained shopping experience component

The Store Modal component is a self-contained shopping experience containing a directory of fonts to browse, and integrates the cart and checkout.

Ensure this component is present on every page, by putting it in your site’s layout template.

<fontdue-store-modal></fontdue-store-modal>
import StoreModal from "fontdue-js/StoreModal";
// In your layout component
<StoreModal />

No other properties. Just add the element to your page, right before your Fontdue.js snippet.

The Store Modal takes no data props – it’s always lazy, loading the catalog and cart in the browser per visitor, so there’s nothing to preload. Import it and add it to your layout once; theme and behavior come from the provider’s config.