Duskmoon UI v10.0.11
Theme
Form dm_form, dm_label, dm_error, dm_alert, dm_fieldset, dm_form_row, dm_form_grid, dm_form_section, dm_form_divider, dm_form_inline, dm_form_hint, dm_form_counter
## Overview Form container and helper components including labels, error messages, and alerts. ## Usage ```elixir <.dm_form for={@form} phx-submit="save"> <.dm_label for="name">Name</.dm_label> <.dm_input name="name" value="" /> <.dm_btn variant="primary" type="submit">Save</.dm_btn> </.dm_form> ```

Label

Error Messages

This field is required Must be at least 8 characters

Alerts

This is an informational alert. Operation completed successfully. Please review your changes. An error occurred while saving.

Alerts — Filled

Filled info alert with solid background. Filled success alert. Filled warning alert. Filled error alert.

Alerts — Outlined

Outlined info alert with border emphasis. Outlined success alert. Outlined warning alert. Outlined error alert.

Alerts — Compact & Dismissible

Compact info alert without title. Compact filled success alert. Click the close button to dismiss. Compact outlined dismissible error.

Fieldset

Personal Info
Filled Variant
Card Variant

Form Row

Form Grid

Form Section

Account
Your login credentials.

Form Divider

or

Form Inline

Go

Form Hint

Must be at least 8 characters with one uppercase letter

Form Counter

Keep it brief 42/200
210/200

Complete Form Example

Submit