KasyKasy

Text Field Group

Live preview and documentation for the Text Field Group component.

Preview

componentPreview.loading

About

Groups several related TextFields into a single visual unit (e.g. a URL split into protocol / domain / TLD, or a value with a unit suffix).

  • fields: a list of KasyTextFieldGroupField (controller, hint, prefix, suffix, contentType, obscureText, enabled, onChanged, keyboardType) — one item per field in the group
  • variant: primary (default) or secondary (subtler background, for use over an elevated surface)
  • gapSpacing: false (default) connects the fields into a single container with thin dividers between rows (inner fields have no border of their own); true renders each field separately, with its own border/shadow and spacing between them

Internally, each connected row is a KasyTextField(variant: embedded) — that's why only the outer container looks like "one field."

Last updated on 08/23/2026

On this page