Please wait...

Try Sallira with other theme and color combinations
Index variants
Color options

Theme components

  1. Home
  2. Components
  3. Buttons
Button tags
Link 
<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input" />
<input class="btn btn-default" type="submit" value="Submit" />
<button type="button" class="btn btn-link">Link</button>
Button color
<button class="btn btn-default" type="submit">Click me</button>
<button class="btn btn-primary" type="submit">Click me</button>
<button class="btn btn-blue" type="submit">Click me</button>
<button class="btn btn-purple" type="submit">Click me</button>
<button class="btn btn-pink" type="submit">Click me</button>
<button class="btn btn-yellow" type="submit">Click me</button>
<button class="btn btn-green" type="submit">Click me</button>
<button class="btn btn-red" type="submit">Click me</button>
Button size

<p>
<button class="btn btn-primary btn-lg" type="submit">Large button</button>
<button class="btn btn-default btn-lg" type="submit">Large button</button>
</p>
<p>
<button class="btn btn-primary" type="submit">Default button</button>
<button class="btn btn-default" type="submit">Default button</button>
</p>
<p>
<button class="btn btn-primary btn-sm" type="submit">Small button</button>
<button class="btn btn-default btn-sm" type="submit">Small button</button>
</p>
<p>
<button class="btn btn-primary btn-xs" type="submit">Extra small button</button>
<button class="btn btn-default btn-xs" type="submit">Extra small button</button>
</p>
Button block
<button class="btn btn-default btn-block" type="submit">Block lavel button</button>
<button class="btn btn-primary btn-block" type="submit">Block lavel button</button>
Button default
<button class="btn btn-default" type="submit">Click me</button>
<button class="btn btn-primary" type="submit">Click me</button>
<button class="btn btn-blue" type="submit">Click me</button>
<button class="btn btn-purple" type="submit">Click me</button>
<button class="btn btn-pink" type="submit">Click me</button>
<button class="btn btn-yellow" type="submit">Click me</button>
<button class="btn btn-green" type="submit">Click me</button>
<button class="btn btn-red" type="submit">Click me</button>
Button bordered
<button class="btn btn-default btn-bordered" type="submit">Click me</button>
<button class="btn btn-primary btn-bordered" type="submit">Click me</button>
<button class="btn btn-blue btn-bordered" type="submit">Click me</button>
<button class="btn btn-purple btn-bordered" type="submit">Click me</button>
<button class="btn btn-pink btn-bordered" type="submit">Click me</button>
<button class="btn btn-yellow btn-bordered" type="submit">Click me</button>
<button class="btn btn-green btn-bordered" type="submit">Click me</button>
<button class="btn btn-red btn-bordered" type="submit">Click me</button>
Button default with icon

<p>
<button class="btn btn-default btn-icon btn-lg" type="submit">Click me <i class="fa fa-play"></i></button>
<button class="btn btn-primary btn-icon btn-lg" type="submit">Click me <i class="fa fa-rocket"></i></button>
</p>
<p>
<button class="btn btn-blue btn-icon" type="submit">Click me <i class="fa fa-commenting-o"></i></button>
<button class="btn btn-purple btn-icon" type="submit">Click me <i class="fa fa-download"></i></button>
</p>
<p>
<button class="btn btn-pink btn-icon btn-sm" type="submit">Click me <i class="fa fa-envelope-o"></i></button>
<button class="btn btn-yellow btn-icon btn-sm" type="submit">Click me <i class="fa fa-gift"></i></button>
</p>
<p>
<button class="btn btn-green btn-icon btn-xs" type="submit">Click me <i class="fa fa-link"></i></button>
<button class="btn btn-blue btn-icon btn-xs" type="submit">Click me <i class="fa fa-send"></i></button>
</p>
Button bordered with icon

<p>
<button class="btn btn-default btn-bordered btn-icon btn-lg" type="submit">Click me <i class="fa fa-play"></i></button>
<button class="btn btn-primary btn-bordered btn-icon btn-lg" type="submit">Click me <i class="fa fa-rocket"></i></button>
</p>
<p>
<button class="btn btn-blue btn-bordered btn-icon" type="submit">Click me <i class="fa fa-commenting-o"></i></button>
<button class="btn btn-purple btn-bordered btn-icon" type="submit">Click me <i class="fa fa-download"></i></button>
</p>
<p>
<button class="btn btn-pink btn-bordered btn-icon btn-sm" type="submit">Click me <i class="fa fa-envelope-o"></i></button>
<button class="btn btn-yellow btn-bordered btn-icon btn-sm" type="submit">Click me <i class="fa fa-gift"></i></button>
</p>
<p>
<button class="btn btn-green btn-bordered btn-icon btn-xs" type="submit">Click me <i class="fa fa-link"></i></button>
<button class="btn btn-blue btn-bordered btn-icon btn-xs" type="submit">Click me <i class="fa fa-send"></i></button>
</p>