Home
Documentation
Templates
Download v0.0.1
Buttons
The custom Buttons in Sleek are available in various colors with multiple sizes
JavaScript
No
Colors
Yes
Sizes
Yes
A Simple Button
Initializing a
button
is really easy. Just add class name of 'button' to the span tag
Button
<span class="button">Button</span>
There are lot of other ways to create a
Button
You can use the
button
class with anchor tags
<a></a>
or with div tags
<div></div>
or with span tags
<span></span>
.
The button tag
<button> </button>
can be used directly
For forms, you can use the input tag
< input class="button" >
.
Anchor Tag
Span Tag
Div Tag
Button Tag
<span class="button">Button</span>
Colors
Sleek buttons are available in various colors
Normal
Info
Primary
Success
Danger
Warning
Light
Dark
Black
White
<span class="button">Button</span>
Sizes
The Sleek buttons have 4 sizes
Small
Normal
Medium
Large
Small
Normal
Medium
Large
<span class="button">Button</span>
The Inverted Style
Normal
Info
Primary
Success
Danger
Warning
Light
Dark
Black
White
<span class="button">Button</span>
Overview
Installation
Getting started
Examples
Layout
Grid System
Hero
Footer
Elements
Button
TextArea
Radio
Select
Components
Button
Alert
Notification
Panel
Badge
Card
Dropdown
Progress
Tooltip
Typography
Forms
Input
TextArea
Radio
Select
Customize