Admin Pro

Buttons

Default Buttons

Code Here:


									
<div class="btn-list">
    <button type="button"
        class="btn waves-effect waves-light btn-primary">Primary</button>
    <button type="button"
        class="btn waves-effect waves-light btn-secondary">Secondary</button>
    <button type="button"
        class="btn waves-effect waves-light btn-success">Success</button>
    <button type="button" class="btn waves-effect waves-light btn-info">Info</button>
    <button type="button"
        class="btn waves-effect waves-light btn-warning">Warning</button>
    <button type="button"
        class="btn waves-effect waves-light btn-danger">Danger</button>
    <button type="button" class="btn waves-effect waves-light btn-light">Light</button>
    <button type="button" class="btn waves-effect waves-light btn-dark">Dark</button>
</div>
									
								

Buttons With Icons

Code Here:


									
<div class="btn-list">
    <button type="button" class="btn btn-primary"><i class="fas fa-check"></i>
        Primary</button>
    <button type="button" class="btn btn-secondary"><i class="far fa-heart"></i>
        Secondary</button>
    <button type="button" class="btn btn-success"><i class="fas fa-check"></i>
        Success</button>
    <button type="button" class="btn btn-info"><i class="far fa-heart"></i>
        Info</button>
    <button type="button" class="btn btn-warning"><i class="far fa-heart"></i>
        Warning</button>
    <button type="button" class="btn btn-danger"><i class="far fa-heart"></i>
        Danger</button>
    <button type="button" class="btn btn-light"><i class="far fa-heart"></i>
        Light</button>
    <button type="button" class="btn btn-dark"><i class="far fa-heart"></i>
        Dark</button>
</div>
									
								

Circle Buttons With Icons

Code Here:


										
<button type="button" class="btn btn-secondary btn-circle-lg btn-circle"><i
        class="fa fa-check"></i> </button>
<button type="button" class="btn btn-primary btn-circle-lg btn-circle"><i
        class="fa fa-list"></i> </button>
<button type="button" class="btn btn-success btn-circle-lg btn-circle"><i
        class="fa fa-link"></i> </button>
<button type="button" class="btn btn-info btn-circle-lg btn-circle"><i class="fa fa-check"></i>
</button>
<button type="button" class="btn btn-warning btn-circle-lg btn-circle"><i
        class="fa fa-times"></i> </button>
<button type="button" class="btn btn-danger btn-circle-lg btn-circle"><i
        class="fa fa-heart"></i> </button>