108 lines
4.6 KiB
PHP
108 lines
4.6 KiB
PHP
@extends('layouts.dashboard')
|
|
@section('page_heading','Buttons')
|
|
@section('section')
|
|
<div class="col-sm-6">
|
|
@section ('5button_panel_title','Default Buttons')
|
|
@section ('5button_panel_body')
|
|
<h4>Normal Buttons</h4>
|
|
|
|
<p>
|
|
@include('widgets.button', array('value'=>'Primary', 'class'=>'primary'))
|
|
@include('widgets.button', array('class'=>'primary', 'value'=>'Primary'))
|
|
@include('widgets.button', array('class'=>'success', 'value'=>'Success'))
|
|
@include('widgets.button', array('class'=>'warning', 'value'=>'Warning'))
|
|
@include('widgets.button', array('class'=>'danger', 'value'=>'Danger'))
|
|
</p>
|
|
<br>
|
|
<h4>Disabled Buttons</h4>
|
|
<p>
|
|
@include('widgets.button', array('value'=>'Default', 'disabled'=>true))
|
|
@include('widgets.button', array('class'=>'primary', 'value'=>'Primary', 'disabled'=>true))
|
|
@include('widgets.button', array('class'=>'success', 'value'=>'Success', 'disabled'=>true))
|
|
@include('widgets.button', array('class'=>'warning', 'value'=>'Warning', 'disabled'=>true))
|
|
@include('widgets.button', array('class'=>'danger', 'value'=>'Danger', 'disabled'=>true))
|
|
</p>
|
|
<br>
|
|
<h4>Button Sizes</h4>
|
|
<p>
|
|
@include('widgets.button', array('class'=>'primary', 'size'=>'lg', 'value'=>'Large Button'))
|
|
@include('widgets.button', array('class'=>'primary', 'value'=>'Default'))
|
|
@include('widgets.button', array('class'=>'primary', 'size'=>'sm', 'value'=>'Small'))
|
|
@include('widgets.button', array('class'=>'primary', 'size'=>'xs', 'value'=>'Extra Small'))
|
|
<br>
|
|
<br>
|
|
@include('widgets.button', array('class'=>'primary', 'size'=>'lg btn-block', 'value'=>'Block level Button'))
|
|
@endsection
|
|
@include('widgets.panel', array('as'=>'5button', 'header'=>true))
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
@section ('6button_panel_title','Default Buttons')
|
|
@section ('6button_panel_body')
|
|
<h4>Normal Circle Buttons</h4>
|
|
<button type="button" class="btn btn-default btn-circle"><i class="fa fa-check"></i></button>
|
|
|
|
<button type="button" class="btn btn-primary btn-circle"><i class="fa fa-list"></i></button>
|
|
|
|
<button type="button" class="btn btn-success btn-circle"><i class="fa fa-link"></i></button>
|
|
|
|
<button type="button" class="btn btn-info btn-circle"><i class="fa fa-check"></i></button>
|
|
|
|
<button type="button" class="btn btn-warning btn-circle"><i class="fa fa-times"></i></button>
|
|
|
|
<button type="button" class="btn btn-danger btn-circle"><i class="fa fa-heart"></i></button>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<h4>Large Circle Buttons</h4>
|
|
<button type="button" class="btn btn-default btn-circle btn-lg "><i class="fa fa-check"></i></button>
|
|
|
|
<button type="button" class="btn btn-primary btn-circle btn-lg "><i class="fa fa-list"></i></button>
|
|
|
|
<button type="button" class="btn btn-success btn-circle btn-lg "><i class="fa fa-link"></i></button>
|
|
|
|
<button type="button" class="btn btn-info btn-circle btn-lg "><i class="fa fa-check"></i></button>
|
|
|
|
<button type="button" class="btn btn-warning btn-circle btn-lg "><i class="fa fa-times"></i></button>
|
|
|
|
<button type="button" class="btn btn-danger btn-circle btn-lg "><i class="fa fa-heart"></i></button>
|
|
|
|
@endsection
|
|
@include('widgets.panel', array('as'=>'6button', 'header'=>true))
|
|
|
|
<br />
|
|
@section ('9button_panel_title','Outline buttons with smooth transition')
|
|
@section ('9button_panel_body')
|
|
<h4>Outline Buttons</h4>
|
|
<p>
|
|
@include('widgets.button', array('value'=>'Default', 'class'=>'default btn-outline'))
|
|
@include('widgets.button', array('class'=>'primary btn-outline', 'value'=>'Primary'))
|
|
@include('widgets.button', array('class'=>'success btn-outline', 'value'=>'Success'))
|
|
@include('widgets.button', array('class'=>'warning btn-outline', 'value'=>'Warning'))
|
|
@include('widgets.button', array('class'=>'danger btn-outline', 'value'=>'Danger'))
|
|
</p>
|
|
<br>
|
|
<h4>Outline Button Sizes</h4>
|
|
<p>
|
|
@include('widgets.button', array('class'=>'primary btn-outline', 'size'=>'lg', 'value'=>'Large Button'))
|
|
@include('widgets.button', array('class'=>'primary btn-outline', 'value'=>'Default'))
|
|
@include('widgets.button', array('class'=>'primary btn-outline', 'size'=>'sm', 'value'=>'Small'))
|
|
@include('widgets.button', array('class'=>'primary btn-outline', 'size'=>'xs', 'value'=>'Extra Small'))
|
|
</p>
|
|
<br>
|
|
<br>
|
|
@include('widgets.button', array('class'=>'primary btn-o', 'size'=>'lg btn-block', 'value'=>'Block level Button'))
|
|
@endsection
|
|
@include('widgets.panel', array('as'=>'9button', 'header'=>true))
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
@stop
|
|
|
|
|