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

Multi Step Form Simplified

Sign In
View in ClayDocumentation

A progressive disclosure method to guide the user through a task divided into several steps.

Multi step form simplified

Usage

Rather than provide a complete interactive wizard display as the multi step form does, the simplified multi step form guides the user through a task in a light way by simply displaying text that indicates the user's progress.

  • This simplified version is not interactive and only informative.
  • It's most commonly used in modals that have a process with several steps.
  • The left side is reserved for the step name.
  • The right side is reserved for the step number, which must always indicate the current step number out of the total number of steps.

Attributes

Multi step form parts

  1. Step title
  2. Step counter reference

Multi step form parts

Example

Multi step form simplified example of use inside a modal

Something to improve? Report an issue!
Menu