Angular Callout component provides presentation of content in a visually distinct manner. Includes a heading, icon and typically text-based content.
Examples
Callout component is prepared for any length of text, as well as an optional elements like icons, headings, etc. For a styling, use one of the required
contextual props (e.g., color="success").
New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets.
New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets.
New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets.
New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets.
New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets.
New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets.
New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets.
New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets.
Loading...
Loading...
API
Callout Module
import { CalloutModule } from '@coreui/angular';
@NgModule({
imports: [CalloutModule,...]
})
export class AppModule(){}
c-callout
component
Inputs
name
description
type
default
color
Sets the color context of the component to one of CoreUI’s themed colors.