Status

Check the status of our design system and its implementation

Last Update: September 4th 2019

Legend
● Done
● In Progress
● Pending

Legend

●

Done

●

In Progress

●

Pending

Foundations

Page	Lexicon	Clay CSS	Clay Component
Animations	●	NA	●
Color	●	●	●
Grid	●	●	●
Layout	●	●	●
Typography	●	●	●
Writing style	●	NA	NA

Patterns

Page	Lexicon	Clay CSS	Clay Component
ACTIONS DEFINITION
Actions definition	●	NA	NA
DRAG AND DROP
Drag and drop	●	NA	NA

Components

Page	Lexicon	Clay CSS	Clay 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	●	NA	NA
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	●	NA	NA
TABLE
Table	●	●	●
Inline Edit Table	●	●	●
TABS
Tabs	●	●	●
TIMELINE
Timeline	●	●	NA
TOOLBAR
Toolbar	●	NA	NA
Management toolbar	●	●	●
Upper toolbar	●	NA	NA

Satellites

Page	Lexicon	Clay CSS	Clay Component
FILE UPLOAD
File upload	●	NA	NA
IMAGE SELECTOR
Image selector	●	NA	NA
MILLER COLUMNS
Miller columns	●	NA	NA
NAVIGATION
Navigation	●	NA	NA
Control Menu bar	●	●	●
SIDEBAR
Info panel	●	●	●
Product menu	●	NA	NA
SITES
Asset title bar	●	●	NA
Asset toolbar	●	●	NA
Buttons	●	●	NA
Profile info	●	●	NA
Widget title bar	●	●	NA