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 Color picker Labels Help Lable Status lable Grupe Input Grupe Overlay Scroll-bar Comment-box Paginations Divider Progress Circle Progress Slider Upload-box Segments Infinity Dropdown list-dropdown Autocomplete
Tables & List View Cards & Shaps Modals & Popups Advance Componets Charts
QA Standards
Developer
List Dropdown
Infinity download can load large amounts of items into the dropdown and also able to search by typing and select also support for grouping 

                      oxd dropdown popup wrap  {
                           box-sizing: border-box;

                            position: absolute;
                            width: 300px;
                            height: 260px;

                            background: #FFFFFF;
                            border: 1px solid #F5F5F5;
                            box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.08);
                            border-radius: 15px;
                            padding 10px;
                      }
                      .dropdown items {

                          font-family: 'Nunito';
                          font-style: normal;
                          font-weight: 400;
                          font-size: 12px;
                          line-height: 16px;
                          display: flex;
                          align-items: center;

                          color: #64728C;


                          /* Inside auto layout */

                          flex: none;
                          order: 0;
                          flex-grow: 0;
                        }
                        item {
                          display: flex;
                          flex-direction: row;
                          align-items: center;
                          padding: 10px;
                        
                          border-radius: 10px;
                        }

                      item hover
                      {
                          background: #F6F7F9;
                      }
Status
Disable Items/Options
disabled pill text color: #FFFFFF
disabled pill background-color : #E8EAEF;
Behaviors
Max Option can be put in here is 8
at-lest should have 2 options
Connot be use with other buttons
Should have color-coded pills