callout

Fragment reference callout

tags

ui

Callouts are used to display important messages inline.

Usage

callout This is a standard callout.

Variants

Set the variant attribute to change the callout’s semantic intent.

callout(variant="brand") Informative callout
callout(variant="success") Success message
callout(variant="danger") Danger/error message

Sizes

Use the size attribute to change a callout’s size.

callout(size="small") Small tip
callout(size="medium") Standard callout
callout(size="large") Important message

Icons

Add an icon using the icon attribute, which maps to the icon slot.

callout(icon="circle-info") Information available

Attributes

Name	Type	Default	Description
variant	brand | neutral | success | warning | danger	brand	The callout’s theme variant.
size	small | medium | large	medium	The callout’s size.
appearance	accent | filled | outlined | plain | filled-outlined	filled-outlined	Visual appearance.