Theme

Mozaic Showcase

React playground for the Adeo design system

Examples

Sign in
Account settings
Checkout wizard
Dashboard

Foundations

Icons
Coloured icons

Action

Button
Link
Link Group

Form

Text Input
Textarea
Field
Checkbox
Radio
Toggle
Select
Password Input
Phone Number Input
Pincode Input
Quantity Selector
File Uploader
Datepicker
Star Rating
Segmented Control
Controls Options
Combobox
Listbox
Option Listbox

Feedback

Status Message
Status Notification
Toaster
Callout
Tooltip
Modal
Drawer
Popover
Overlay
Loader
Loading Overlay
Circular Progressbar
Linear Progressbar (Percentage)
Linear Progressbar (Buffer)

Navigation

Breadcrumb
Tabs
Pagination
Stepper (Bottom Bar)
Stepper (Compact)
Stepper (Inline)
Stepper (Stacked)
Sidebar
Built-in Menu
Action List
Accordion List
Action Bottom Bar
Navigation Indicator
Page Header

Status

Status Badge
Status Dot
Number Badge
Tag
Flag
Avatar
KPI Item

Layout

Divider
Tile
Carousel

Example

Sign in

Authentication form combining field, text-input, password-input, checkbox, callout, button, and link.

Welcome back

Sign in to continue to the dashboard.

Email

PasswordForgot password?

Minimum 8 characters.

Keep me signed in on this device

New here? Create an account