React Alert Component API

Alert API

Explore the API reference for the React Alert component and discover how to effectively utilize its props for customization.

On this page

jsx

import { CAlert } from '@coreui/react-pro'

Property	Default	Type
className	-	`string`, `undefined`
A string of all className you want applied to the component.
color	`primary`	`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string`
Sets the color context of the component to one of CoreUI’s themed colors.
dismissible	-	`boolean`, `undefined`
Optionally add a close button to alert and allow it to self dismiss.
onClose	-	`(() => void)`, `undefined`
Callback fired when the component requests to be closed.
variant	-	`string`, `undefined`
Set the alert variant to a solid.
visible	`true`	`boolean`, `undefined`
Toggle the visibility of component.

jsx

import { CAlertHeading } from '@coreui/react-pro'

Property	Default	Type
as	`h4`	`(ElementType & 'symbol')`, `(ElementType & 'object')`, `(ElementType & 'h4')`, `(ElementType & 'slot')`, `(ElementType & 'style')`, `... 175 more ...`, `undefined`
Component used for the root node. Either a string to use a HTML element or a component.
className	-	`string`, `undefined`
A string of all className you want applied to the base component.

jsx

import { CAlertLink } from '@coreui/react-pro'

Property	Default	Type
className	-	`string`, `undefined`
A string of all className you want applied to the base component.