Skip to content

Quill docs

Field

A labelled input field that inherits required, disabled, and validity attributes from the headless layer.

Preview#

This preview is server-rendered from the real qquill-design builder; the page ships the component CSS that builder returns, so the docs cannot drift from the crate API.

Design-system contract#

  • BUILT: label and input are wired by id; invalid state emits aria-invalid only when needed.
  • Token-driven: size, border, focus ring, and invalid treatment use `--q-*` tokens.
  • No fake validation: call `.validate(false)` only when validation state is real.

Code#

Construct the component with its builder:

Field::text("email", "Email")
    .placeholder("ada@example.com")
    .required(true)
    .render()