Default Buttons
Here, we showcase the default types of button of UDesign. There are classified by skin color, border type, button's shape and icons.
Button Color
These buttons are classified by skin color.
Outline1
These buttons are classified by skin color and border type.
Outline2
These buttons are classified by skin color and border type.
Outline3
These buttons are classified by skin color and border type.
Button Shape & With Icon
These buttons are classified by button's shape and icons.
Unlimited Button Styles
UDesign provides several types of button exclusive of default style. You can customize them easily by using styling options. Enjoy!
Text Button
Icon Reveal Buttons
Gradient Buttons
Block Buttons
The width of buttons are controlled by it's parent area.
Border Control
You can control border width and color of buttons.
Box Shadows
You can control box shadow effect of buttons.
Button Size
UDesign Buttons come in 5 Different Sizes
UDesign also provides button styles incident to the size. You can make them by choosing from size list.
Glossary
Button Element Options
Customize Elements Globally or Individually
- Text: Input text that will be shown on button.
- Button Url: Input URL where you will move when button is clicked.
- Expand: Make button’s width 100%.
- Alignment: Control the button’s alignment.
- Type: Choose a type of button from our list.
- Skin: Choose a skin color of button from our list.
- Size: Choose a size of button from our list.
- Box Shadow: Choose a box shadow effect for button from our list.
- Border Style: Choose a border style of button from our list.
- Text Overflow: Prevent the button text placing in several rows.
- Custom Class: Input your class for button.
- Show Icon: Toggle to decide that icon is shown or not.
- Icon: Choose a icon from our icon library.
- Icon Position: Control position of icon on button.
- Icon Spacing: Control spacing between icon and label on button.
- Icon Hover Effect: Choose an effect of icon when cursor enters the button.
- Button Style: Styling options for buttons.