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

Status

Sign In

Check the status of our design system and its implementation

Last Update: September 4th 2019


Legend

Done

In Progress

Pending

Foundations

PageLexiconClay CSSClay Component
Animations

NA

Color

Grid

Layout

Typography

Writing style

NANA

Patterns

PageLexiconClay CSSClay Component

ACTIONS DEFINITION

Actions definition

NANA

DRAG AND DROP

Drag and drop

NANA

Components

PageLexiconClay CSSClay Component

ALERT

Alert Toast

Alert Embedded

BADGE

Badge

BUTTON

Button

Button icon

Button icon and text

Button dropdown

Button group

CARD

Card Variation > Card image

Card Variation > Card user

Card Variation > Card file

Card Variation > Card folder

Navigation Card

CHART

Bar chart

Donut chart

Heatmap chart

Line chart

Pie chart

Predictive Forecast chart

Stacked bar chart

CONFIRMATION MESSAGE

Confirmation Message

NANA

DATASET DISPLAY

Dataset display

DROPDOWN MENU

Dropdown menu

EMPTY STATE

Empty State

NA

FORM

Checkbox, Radio, Toggle

Color Picker > Not restricted

Color Picker > Restricted

Date and Time Picker > Date Picker

Date and Time Picker > Time Picker

Date and Time Picker > Date & Time Picker

Multi Step Form

Multi Step Form Simplified

NA
Selectors > Selector

Selectors > Multi Select

Slider

Text Input

Text Input Group

Text Input Localizable

Text Input Variation > Autocomplete text field

Text Input Variation > Search field

Text Input Variation > Numeric field

Text Input Variation > Password field

ICONS

Icons

LABEL

Labels

LINK

Link

LIST

List Variations

LOADING INDICATOR

Loading indicator

MODALS

Modals

NAVIGATION

Breadcrumb

Navbar

Vertical Nav

PAGINATION

Pagination

Pagination bar

POPOVER & TOOLTIPS

Popover

Tooltips

PROGRESS BAR

Progress bar

SIDEBAR

Sidebar

NANA

TABLE

Table

Inline Edit Table

TABS

Tabs

TIMELINE

Timeline

NA

TOOLBAR

Toolbar

NANA
Management toolbar

Upper toolbar

NANA

Satellites

PageLexiconClay CSSClay Component

FILE UPLOAD

File upload

NANA

IMAGE SELECTOR

Image selector

NANA

MILLER COLUMNS

Miller columns

NANA

NAVIGATION

Navigation

NANA
Control Menu bar

SIDEBAR

Info panel

Product menu

NANA

SITES

Asset title bar

NA
Asset toolbar

NA
Buttons

NA
Profile info

NA
Widget title bar

NA
Something to improve? Report an issue!
Menu