LOANINCLICK UI Guide

Pages


Testing Colors themes

Colors

--cl-primary | #204177
--cl-primary-dark | #1b3663
--cl-primary-darken | #152b4f
--cl-secondary | #ff2e7d
--cl-secondary-dark | #fa005e
--cl-tertiary | #78b571
--cl-tertiary-dark | #4aab61
--cl-tertiary-darken | #33702d
--cl-blue-light | #f5f9ff
--cl-blue-light-darken | #dceaff
--cl-orange | #e36565
--cl-grey | #717171
--cl-grey-light | #cccccc
--cl-white | #ffffff
--cl-black | #000000

Buttons

Button primary [class: button]
Button primary [class: button--small]
Button secondary [class: button button--secondary]
Button secondary [class: button--secondary button--small]
Button others [class: button button--light]
Button others [class: button--light button--small]
Button others [class: button button--green]
Button others [class: button--green button--small]

Checkbox | Inputs | Selects | File form

Checkbox Normal [class: -]
Required
Checkbox Error [class: js-error]
Required
Input Normal [class: -]
Required
Required
Input Success state [class: js-success]
Required
Input Error state [class: js-error]
Required
Field File Normal [class: -]
צילום תעודת זהות
Required
Field File Success state [class: - js-success]
צילום תעודת זהות
Required
Field File Error state [class: js-error]
צילום תעודת זהות
Required

Form Validation

Test Control slider

Required
₪ 5,000
₪ 5000,000

just value : [ ]

Detail more here: [ noUiSlider.js ]  [ wNumb.js ]

Popups

Session Timeout Notification [class: button]

Progress bars

default < 50%
default 50%
default > 50%
default > 50%
default > 50%
Session Timeout Notification

Your session is about to expire.
Redirecting in 0s seconds.