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 Upload Inputs Date picker Time picker Color picker Labels Help Lable Status lable Grupe Input Grupe Overlay Scroll-bar Comment-box Paginations Card loader Divider Progress Circle Progress Slider Upload-box Segments Autocomplete
Tables & List View Cards & Shaps Modals & Popups Advance Componets Charts
UI Behaviours
QA Standards
Upload input
Mostly use for single file upload

                  border : 1px solid #e8eaef
                  font-color: #64728c;
                  backgorund-color: #fff;

                  //inside-bt icon color: #64728c
                  font-color: #64728c;
                  icon-round-background: #e8eaef;
                  border-radius: 0.65rem;
                  placeholdercolor: #929baa
                 
                
behavior
Single file or item can be uplaod
Can change the uploaded file manytimes

Copyright © OrangeHRM.Inc 2025