Callout

Simple callout component.

Usage

Example

New Clients
9,123

Recurring Clients
22,643

Script


  return (
    <div>
      <CRow>
         <CCol col="12" sm="6">
           <CCallout color="info" className={'bg-secondary'}>
             <small className="text-muted">New Clients</small><br />
             <strong className="h4">9,123</strong>
           </CCallout>
         </CCol>
         <CCol col="12" sm="6">
           <CCallout color="danger" className={'bg-white'}>
             <small className="text-muted">Recurring Clients</small><br />
             <strong className="h4">22,643</strong>
           </CCallout>
         </CCol>
       </CRow>
     </div>
  )

# Callout API

Name	Required	Type	Default Value
className		string
user classes for the main HTML tag
innerRef		(object \| Function \| string)
ref to the main tag
color		string
defines the background color