Example
Provide an option to dismiss or close a component with .btn-close
.
Code Example
<button type="button" class="btn-close" aria-label="Close"> <em class="ni ni-cross"></em> </button>
Disabled state
Code Example
<button type="button" class="btn-close" disabled aria-label="Close"> <em class="ni ni-cross"></em> </button>
White variant
Change the default .btn-close
to be white with the .btn-close-white
class. This class uses the filter
property to invert the background-image
.
Code Example
<button type="button" class="btn-close btn-close-white" aria-label="Close"> <em class="ni ni-cross"></em> </button> <button type="button" class="btn-close btn-close-white" disabled aria-label="Close"> <em class="ni ni-cross"></em> </button>