Callout

Namespace

using Blazor_Foundation_6.Components.Containers;

Attributes

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
CloseButtonClassExtra/Custom Classes appended to the default class.
TypeClasssecondary, primary, success, warning or alert.
ClosableDataAnimation when closing the callout. See (Motion UI).
CloseButtonTrue/False to be visible or not.
Sizesmall or large.

Examples

To see visual example, visit Foundation or Download and Run Blazor_Foundation_Test in Visual Studio.

<Callout ClosableData="slide-out-right" CloseButton="true" Size="small" TypeClass="alert">
    <h5>This is a small callout</h5>
    <p>It has an easy to override visual style, and is appropriately subdued.</p>
</Callout>