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 ofKasyTextFieldGroupField(controller, hint, prefix, suffix, contentType, obscureText, enabled, onChanged, keyboardType) — one item per field in the groupvariant:primary(default) orsecondary(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);truerenders 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

