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
Autocomplete
To make multiple selections 


                dropdown: defult dropdown styles


                font-color: #64728c;
                font-size: 12px
                font-weight: 400
                
                remove-icon-color: #CFD3DE;
Status
Unselected Defult

text-box styles defult;
When seleted Item
Can un-select with close icon
icon-color: 929baa
Employee Select option
Eid: color:929baa flot: right;
Read Only
Textbox-fill: color:f0f0f6 text inside: 64728c;
Error Validation
Textbox-fill: color:f0f0f6 text inside: 64728c;
Behaviors
For auto-comlete dropdown can show 5 suggestions, that will be the max
Scroll bar will no Appper, sugguestion come-up by letter typing
longer text should wrap around 3 rows max, more than that will be concatinate
Profile pic appear only after selecting employee "Emplyee autocomplite option"
Remove icon appear only after selecting an item
Remove icon will not appear on ReadOnly