CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.
You can support our Open Source software development in the following ways:
A generic close button component for dismissing content like modals and alerts.
CoreUI components are available as native Angular, Bootstrap (Vanilla JS), and Vue components. To learn more please visit the following pages.
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
.
1<CCloseButton />
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.
1<CCloseButton disabled />
Change the default <CCloseButton>
to be white with the white
boolean property.
1<CCloseButton white />2<CCloseButton white disabled />
1import { CCloseButton } from '@coreui/react'2// or3import CCloseButton from '@coreui/react/src/components/close-button/CCloseButton'
Property | Description | Type | Default |
---|---|---|---|
className | A string of all className you want applied to the base component. | string | - |
disabled | Toggle the disabled state for the component. | boolean | - |
white | Change the default color to white. | boolean | - |