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

Buttons

Sign In
LIFERAY DXP

A set of button variations specifically designed for site environment widgets.

Variations

Primary button icon with text

Primary buttons with icon and text can be used by guest users and users that are logged in.

Default

Button Primary Icon plus Text default state

Hover

Button Primary Icon plus Text hover state

Active

Button Primary Icon plus Text active state

Secondary button icon with text

This variation is an extension of Lexicon's secondary button, so it can be regular or have no borders.

Default

Button site default and button site default borderless

Hover

Button site hover and button site hover borderless

Active

Button site active and button site active borderless

These buttons are primarily used as triggers for actions and tools in the Asset Toolbar.

Secondary blue buttons

This variation only appears for logged in users that have editing permissions for the corresponding portlet and its content. This button variation also extends Lexicon's secondary button and is identified by the distinctive blue color.

Default

Button site default and button site default borderless

Hover

Button site hover and button site hover borderless

Active

Button site active and button site active borderless

When these buttons are associated with an asset, a blog entry, a knowledge base article, or a comment, they only appear when hovering over the associated item. See the Asset Title Bar documentation for more information about this behavior.

Attributes

Button with icon metrics

Button metrics

Something to improve? Report an issue!
Menu