Liferay.Design / Lexicon
/
Get StartedResources
Part of Liferay, IncCode/Content LicensesPowered by Gatsby and Netlify

Text Input Group

Sign In
View in FigmaView in ClayDocumentation

A text field with added elements that provide a more complex input structure.

Layout

An input field's layout is flexible. You can add elements on either side of the field.

Usually the components placed around the text field are buttons, split buttons, and/or help labels. Help labels are placed to clarify values such as currency, unit of measurement, digits, email addresses, etc.

Types

Input group with button

input group with left button

input group with right button

URL input group

input group for URL

Input group with units

input group with mass on the left

input group with mass on the right

input group with mass on both sides

input group with mass in the middle and right side

Input group with radio or checkbox

input group with mass on the left

input group with mass on the right

input group with mass on both sides

input group with mass in the middle and right side

Something to improve? Report an issue!
Menu