Input group · Swiss
A text field with a leading addon and a trailing action sharing one frame.
Design · Swiss9 / 20
Input group: flush heavy top rule, no radius.
Motion
A soft accent ring eases in while the field is focused.
Accent
A text field with a leading addon and a trailing action sharing one frame.
inputaddonprefixsuffix