Design
Guide

OXD Introduction Design Thinking UX Standards
UX Guidelines Form Design Patterns UX Rules & Lows Keyboard Accessibility
Visual Design
Colors Typograpy Images Icons Motion Animations
Grid & Layout
Main Layouts Grid System
Navigations
Sidebar Topbar
Componets
Buttons Text-box Check-box Radio Radio Pils Switch Search-box Multi Select Dropdown Nested Dropdown Upload Inputs Date picker Time picker Labels Help Lable Status lable Grupe Input Grupe Overlay Comment-box Paginations Divider Progress Circle Progress Slider Upload-box Segments Autocomplete
Tables & List View Cards & Shaps Modals & Popups Advance Componets Charts
QA Standards
Developer
Multiseletor
To make multiple selections  

                Pills Style{
                font-color: #64728c;
                font-size: 12px
                font-weight: 400
                remove-icon-bg-color: #CFD3DE;
                pill-background: #F6F7F9;
                border-reduis: 50%;
                margin:5px;
              }
Status
Active
font-color : #64728c
border : 1px solid #e8eaef

text-lable
font-size:12px;
font-weight: 700;
margin-bottom: 0.4rem;
Focus
font-color : #64728c
border : 1px solid #929baa;
box-sadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
Error
font-color : #64728c
border : 1px solid #eb0910
box-sadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1)

//Error message//
font-size: 12px;
font-weight: 600;
color: #eb0910;
margin-top: 4px;