Patterns Status

Foundations

Patterns	Design		Development
	Sketch	Figma	SCSS
Body styles
Border radius
Colours
Container
Font Families
Font scales
Grid system
Hero styles
Icons
Images aspect ratios
Magic Unit
Margins and Paddings
Screens sizes and responsive
Shadows
Strokes
Text colors

Components

Patterns	Design		Development
	Sketch	Figma	SCSS	Vue	Freemarker
Accordions
Action Bar
Autocomplete
Badge
Breadcrumb
Built-in menu
Buttons
Cards
Checkbox
DataTable
Datepicker
Dividers
Dropdown
Fields
File uploader
Flags
Heading
Hero
Layers
Links
Listbox
Loader
Modals
Notification
Option button
Option card
Page header
Pagination
Password input
Phone number input
Progress bar
Quantity selector
Radio
Rating Stars
Segmented control
Select
Sidebar
Stepper
Stepper Bar
Tabs
Tags
Text area
Text input
Toggle
Tooltip

Statuses meaning

Ready: The component is dev and design ready.

Not available : Component is not available in this version of the library.