Sign Page

Responsive authentication page shell. The element wraps the public Core CSS contract in Shadow DOM without taking ownership of application state.

Installation

npm install @duskmoon-dev/el-sign-page

Usage

import '@duskmoon-dev/el-sign-page/register';

<el-dm-sign-page>
  <section slot="aside">
    <h1>Welcome back</h1>
    <p>Secure access to your workspace.</p>
  </section>
  <form>
    <h2>Sign in</h2>
    ...
  </form>
</el-dm-sign-page>

Live Demo

Sign Page

Welcome back

Secure access to your workspace.

Properties

This element has no state properties. Form validation and submission remain application-owned.

Slots

Slot	Description
`aside`	Brand, illustration, or supporting content
Default	Authentication form content

CSS Parts

Every structural wrapper is exposed with a matching CSS part name for targeted customization.