range eXperience Design
  • Blog (current)
  • Live Demo

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 Stepper
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
Tables & List View Cards & Shaps Modals & Popups Advance Componets Charts
UI Behaviours
QA Standards
Divider
To separate the forms or inputs

                 line : solid line #eeeff3
                 
                
behavior
Input lable should be same across the all the inputs

Copyright © OrangeHRM.Inc 2025