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 Number Dropdown Upload Inputs Upload input box Date picker Time picker Color picker Labels Help Lable Status lable Group Input Group Overlay Scroll-bar Count Slider Text-aria Comment-box Paginations Card loader Divider Progress Circle Progress Slider Upload-box Segments Autocomplete
Tables & List View Cards & Shapes Modals & Popups Advance Componets Charts
QA Standards
Developer
Text-box
Basic input text-box 

                    oxd-form-control {
                    min-height: 45px;
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 1.5;
                    background-color: #fff;
                    border-radius: 0.65rem;
                    padding: 0.675rem 0.5rem;
                    color: #64728c;
                    }

                    oxd-placeholder{
                    color: #929baa;
                    }

                    oxd-help-text{
                    color: #929baa
                    font-size: 12px;
                    font-weight: 400;
                   }   

                   oxd-emp name and emp id{
                    75% for name & 25% for id
                    *text should be wrap around the above given UI real estate
                 }
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;
Correct | Auto-save
font-color : #64728c
border : 1px solid #34bc40
box-sadow: 0 0 5px 0.2rem rgba(52, 188, 64, 0.06)
Filled
font-color : #64728c
border : 1px solid #e8eaef
background-color : #fff5eb
Read Only
font-color : #64728c
border : 1px solid #929baa;
backgrond-color: #fofofc;
Spacing and Alignment
Textbox Width