Framework:
  • JavaScript / Vanilla JS
  • React.js
  • Vue.js
Rocket
New Year sale. Skyrocket your business in 2025!
Extra 25% off for all sale items + Free CoreUI Icons PRO with every order!
Limited-time offer for the first 100 customers in 2025. Use code 2025SKY25 at checkout.
Get offer!
On this page

Loading...
 ## Examples ### Basic Provide an option to dismiss or close a component with `cCloseButton`. Default styling is limited, but highly customizable. Modify the Sass variables to replace the default background-image.
### Disabled Disabled close buttons change their `opacity`. We've also applied `pointer-events: none` and `user-select: none` to preventing hover and active states from triggering.
### White variant Change the default `cCloseButton` to be white with the `white` boolean property.
### Sizing Provide default, `lg` and `sm` size.
|prop|description|type|default| |---|:---|:---|:---| |`disabled`| disabled attribute | `boolean` |_null_| |`size`| close button size |`sm, lg`|_undefined_| |`white`| white variant | `boolean` |_undefined_|
  • GitHub
  • Twitter
  • Support
  • CoreUI (Vanilla)
  • CoreUI for React.js
  • CoreUI for Vue.js

CoreUI for Angular is Open Source UI Components Library for Angular.

Currently v5.3.8 Code licensed MIT , docs CC BY 3.0 .
CoreUI PRO requires a commercial license.