Version:

Install ​

shell
npm i @mate-angular/callout

Import ​

typescript
import { MateCalloutComponent } from '@mate-angular/callout';

Variants ​

Default (Neutral) ​

html
<mate-callout-ng titleText="Information">Content</mate-callout-ng>

Info ​

html
<mate-callout-ng titleText="Info" theme="info">Content</mate-callout-ng>

Success ​

html
<mate-callout-ng titleText="Success" theme="success">Content</mate-callout-ng>

Warning ​

html
<mate-callout-ng titleText="Warning" theme="warning">Content</mate-callout-ng>

Danger ​

html
<mate-callout-ng titleText="Error" theme="danger">Content</mate-callout-ng>