Testing Totally Information's web-components - call-out

⚠️ Status: Beta
Ready for basic use. Documentation. Component Version: 2024-10-06 (Base: 2025-01-13).

Callouts are really useful and it helps to have standard ones. This component does just that.

Available types are: note, tip, warning (or warn), important, and caution. Others are likely to be added as well.

ℹ️ Note
This is a note type.
ℹ️ We can add our own title

If you specify any type attribute and a title attribute, the title replaces the heading.

This example also shows multiple paragraphs.

💡 Tip
This is a tip type.
⚠️ Warning
This is a warning type.
🔖 Important
This is a important type.
❗ Caution
This is a caution type.
This does not have a type. It has no heading.
This has a title.
This does not have a type. It gets a heading if you specify a title attribute.
This has a blank type. It has no heading.
😈 This has a title.
This has a blank type. It gets a heading if you specify a title attribute.

We can set a custom heading icon as well (only text allowed for now, use emoji's).