Framework:
  • JavaScript / Vanilla JS
  • React.js
  • Vue.js
On this page

    ## 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.
    --- ## API reference ### ButtonModule
    --- ### cButtonClose _directive_ ##### Inputs
    |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.6.23 Code licensed MIT , docs CC BY 3.0 .
    CoreUI PRO requires a commercial license.

    Advertisement
    Advertisement