@extends('layouts.master') @section('title')Unikit @endsection @section('body-start') @endsection @section('content') @section('breadcrumb') @component('components.breadcrumb') @slot('li_1') UI Kit @endslot @slot('title') Buttons @endslot @endcomponent @endsection

Default Buttons Examples

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Default Dashed buttons

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Examples

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Outline buttons

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Icon Examples

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Outline Icon Examples

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Round Buttons Examples

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Round Outline Buttons Examples

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Soft Buttons Examples

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Squeare Buttons Examples

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Outline Border Buttons Examples

Fancy custom Outline Border Buttons in only squeare style.

Skew Buttons Examples

Fancy custom Skew Buttons.

Buttons With Different Tag

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Link

Disabled Buttons Examples

Make buttons look inactive by adding the disabled boolean attribute to any <button> element.

Buttons Sizes Examples

New extra larger or smaller buttons added .btn-xl or .btn-sm for additional sizes.

Check And Radio Buttons

Bootstrap’s checkbox or radio style button.

Only Icon Buttons Examples

A button variant for using only icons.Add .btn-icon-square

Icon Circle Buttons Examples

A button variant for using only icons.Add .btn-icon-circle

Block Buttons Examples

Create block level buttons—those that span the full width of a parent—by adding .d-grid.

Button Group Examples

Group a series of buttons together on a single line with the button group, and super-power them with JavaScript.

Dropdown link Dropdown link
@endsection @section('script') @endsection @section('body-end') @endsection