Liferay.Design / Lexicon-1
/
Get StartedNews
Part of Liferay, IncPowered by Gatsby and Netlify

Form template

Sign In

Form template helps you to understand how forms are built and composed using Lexicon. This template will allow you to understand how to create any form.

Structure

A form template count with several patterns that shape this pattern:

  1. Header toolbar
  2. Navigation bar (not always needed)
  3. Tab bar (Not always needed)
  4. Form
    1. Series of panels and pangels with accordions. Accordions work as functional form modules or sections. All the actions inside a form must be secondary, having only one primary action to really catch the user attention
    2. Form main buttons: always placed to the left side and in the following order: Primary, secondary, link

Example

Form template example

Something to improve? Report an issue!
Menu