Template

    Docs

    FormEmbedModal standard

    Primary form CTAs should use the shared modal pattern instead of navigating directly to the provider form.

    Required behavior

    - In-modal direct link ("Open in new tab") is required.

    - On-page helper link is required and must use `js-only`.

    - `<noscript>` direct-link fallback is required.

    - Modal trigger anchors must use `target="_blank"` + `rel="noopener noreferrer"`.

    - Modifier-key trigger clicks (Cmd/Ctrl/Shift/Alt) must preserve direct new-tab navigation.

    - Controlled mode (`open` + `onOpenChange`) is required for external trigger use cases.

    - No duplicate fallback links in no-JS mode.

    Standard helper text

    `Having trouble? Open the application in a new tab`

    References

    - Live example (Google Forms): FormEmbedModal example page

    - Component: `template/src/components/patterns/FormEmbedModal.tsx`