Elements – Buttons – الكلية الأردنية السودانية للعلوم والتكنولوجيا

Home
Elements – Buttons

أكتوبر 25, 2020

BUTTON STYLES

LOVE TO CLICK'EM

THEME'S BUTTONS STYLES

For various usages, aesthetics and overall navigation.

STYLES - FLAT BUTTONS

So we have lots of styles, we'll start with the flat buttons. We can use the default main color theme, a ligh version, a dark version and the Bootstrap's button set.

SAMPLE BUTTON SAMPLE BUTTON BOOTSTRAP - DEFAULT BOOTSTRAP - PRIMARY BOOTSTRAP - SUCCESS BOOTSTRAP - INFO BOOTSTRAP - WARNING BOOTSTRAP - DANGER BOOTSTRAP - SIMPLE LINK

STYLES - LINED BUTTONS

Below there are several styles for "ghost" type or better called, lined buttons.

LINED LIGHT LINED DARK LINED GRAY LINED CUSTOM LINED FULL LIGHT LINED FULL DARK

STYLES - SKEWED BUTTONS

These buttons are a bit more special, probably to be used in some special places for some attention grabbing.

LINED-SKEWED LIGHT LINED-SKEWED DARK LINED-SKEWED GRAY FLAT-SKEWED CUSTOM FLAT-SKEWED LIGHT FLAT-SKEWED DARK

SIZES FOR BUTTONS

You can use several sizes for various usages.

DEFAULT SIZE LARGE SIZE MEDIUM SIZE SMALL SIZE EXTRA SMALL SIZE

CUSTOM WIDTH FOR BUTTONS

You can use several width sizes for various usages.

FULL WIDTH HALF WIDTH ONE THIRD WIDTH ONE FORTH WIDTH

SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

FORGOT YOUR DETAILS?