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 Autocomplete
Tables & List View Cards & Shaps Modals & Popups Advance Componets Charts
QA Standards
Developer
Infinity 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;
                      }
behavior
Disable Items/Options
disabled tab text color: #CFD3DE
On Search

Match text color: ##38455d
font-weight: 800; bold
Recomended item can load 100 or less 100, max cap 1000 item, low 50 items