Input Group
Source: Figma — Lexicon Components.
Combine .input__field with leading/trailing text or button addons.
Prefix only — @ handle
@
Suffix only — domain
@liferay.com
Both ends — currency
$
.00
Button addon (leading)
URL prefix
http://www.liferay.com
/
Error state — danger tone applies to the field
@liferay.com
Error: This is the alert's message.
Small group — every child rendered at 32px
@