Liferay.Design / Lexicon
shift
F
Get StartedResources
Part of Liferay, IncPowered by Gatsby and Netlify

Widget Title Bar

Sign In
LIFERAY DXP

A bar that contains the widget's title and the tools that affect the widget.

Definition and Metrics

The Widget title bar pattern can be defined in different ways, depending on the needs of the application.

This bar is always placed at the top of the widget box.

The box's title may grow in length, in which case the title must adjust to the size of the widget:

Variations

The widget title bar can have multiple variations, depending on what editing options the user may access:

Examples in Context

Blogs examples with different widget title bar configurations:

Comments examples with different widget title bar configurations:

How can this be improved? Contribute today!
Menu