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
<span class="button">Button</span>

Colors

Sleek buttons are available in various colors


<span class="button">Button</span>

Sizes

The Sleek buttons have 4 sizes
  • Small
  • Normal
  • Medium
  • Large


<span class="button">Button</span>

The Inverted Style



<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