Components
Field
Field is Craft-style field layout around a control — label, instructions, errors, warnings, tips, and optional header actions.
Standalone Labels
Control-level label and instructions can live on Input (and similar controls) without wrapping in Field.
Errors and Warnings
Use required, warning, and the errors slot around an invalid control. Tip and instruction values can include inline Markdown.
Translatable
translatable shows the translation icon beside the field label.
Tip
tip renders helper text below the control.
Header End
Trailing header actions go in slot="header-end" — for example a small “Bulk add” button.
Edit this page
Last updated: Jul 19, 2026, 4:42 PM