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

Actions Definition

Sign In

This page defines the use case for several common actions.

Delete vs Send to Recycle Bin

Delete

The action of deleting an element or a set of elements implies that the element(s) will be completely removed, and it is not possible to recover the element(s) after deletion. The delete icon shown below can also be used for clearing actions, such as clearing input field content.

Since this is a permanent action, you must trigger the user with a confirmation message. This message must be native and without Lexicon styling.

times circled icon

Do

trash icon

Don't

times icon

Don't

Send to Recycle Bin

The action of sending an element or a set of elements to the recycle bin implies that the element(s) will not be completely removed and can be recovered.

Trash icon

Do

times circled icon

Don't

times icon

Don't

Cancel

Cancel and close differ much from deleting or sending to the Recycle Bin. You can find this action in the top right corner of modals.

times icon

Do

times circled icon

Don't

Trash icon

Don't

Done

The done action should be displayed as a primary button. Use this action in all modals that display a table, list, or a card view. This can be used for one or several elements.

Primary button with text Done

Do

Primary button with text Ok

Don't

Select vs Choose

The convention in Lexicon is to use Select instead of Choose, as Select is a more formal word.

Select means "to carefully choose"; it also means "to use a mouse or keystrokes to mark something on a computer screen". Choose doesn't convey the true intention of the action for us.

Secondary button with text Select

Do

Secondary button with text Choose

Don't

Something to improve? Report an issue!
Menu