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