IconField

Icons, text, clear and copy buttons inside a field — the padding adjusts by itself.

Features6APIThemingAccessibility

Icons

Before the input — on the left; position="end" — on the right.

Text

Text instead of an icon — a prefix, a unit or a domain.

Clear

Appears when there is a value; works with forms.

Value: tectra

Copy

Copies the value — for tokens, links, keys.

Sizes

Icons follow the field size.

Filled

Works with every field variant and fluid.