Skip to main content

Web Components

Allegro ships a set of custom HTML elements you can drop into any page. Each component handles its own markup, behavior, and styles — just add the script tag and use the element wherever you need it.

ComponentElementDescription
Login Form<allegro-login-form>Authenticates readers via magic link or OAuth
Email Form<allegro-email-form>Collects email addresses with a confirmation state
Content Gate<allegro-content-gate>Blocks content behind a registration or paywall prompt

Previewing components​

The Allegro admin includes a Component Previews page under the Developer section. It renders each component in isolation so you can tweak attributes and see results without deploying to your site.

Navigate to /developer/components in your Allegro instance to open the preview tool.

Component Previews page showing three component cards