Callout
Use the callout component to create callouts for your pages.
This is a callout
This is a callout
Info
Some thing just happened
Alert
Something went wrong
Success
Everything is fine
Warning
Something is not right
1<rasm:callout heading="This is a callout" text="This is a callout" icon="rocket" />
2<rasm:callout heading="This is a callout" close />
3<rasm:callout icon="rocket" heading="This is a callout" close />
4<rasm:callout icon="rocket" heading="This is a callout" >
5 <x-slot:action>
6 <rasm:button icon="arrow-right" size="sm" variant="outline" label="Learn more" />
7 </x-slot:action>
8</rasm:callout>
9<rasm:callout icon="rocket" heading="This is a callout" close>
10 <x-slot:action>
11 <rasm:button icon="arrow-right" size="sm" variant="outline" label="Learn more" />
12 <rasm:button size="sm" label="Action" />
13 </x-slot:action>
14</rasm:callout>
15<rasm:callout color="blue" icon="info-circle" heading="Info" text="Some thing just happened" />
16<rasm:callout color="red" icon="alert-hexagon" heading="Alert" text="Something went wrong" close />
17<rasm:callout color="green" icon="check" heading="Success" text="Everything is fine" />
18<rasm:callout color="yellow" icon="alert-circle" heading="Warning" text="Something is not right" />
