Skip to content
Music School ManagerUI Library

Forms

MSM pattern

Form Field

One label, hint, and validation contract for any control, plus labeled groups.

When to use it
Label every other single control with FormField: select, textarea, input group, or a picker. Use orientation="horizontal" for checkbox and switch rows and FormFieldset for a group of choices.

A composed form

Required

The name families see on invoices and reminders.

https://

The prefix stays separate from the editable value.

Visible to staff only.

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item