Callout
Simple callout component.
Usage
Example
New Clients
9,123
9,123
Recurring Clients
22,643
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 |