Callouts are useful for highlighting key information. Use them strategically to improve readability and user experience. Remember to keep your callouts concise and relevant.
Note
Kale might be trendy, but pizza is still undefeated.
Sample code,
<Note>
Kale might be trendy, but pizza is still undefeated.
</Note>
Tip
Drink water before coffee — it tricks your brain into thinking you're making healthy choices.
Sample code,
<Tip>
Drink water before coffee—it tricks your brain into thinking you're making healthy choices.
</Tip>
Warning
Skipping breakfast sounds good until your stomach starts making whale noises in that 9 a.m. meeting.
Sample code,
<Warning>
Skipping breakfast sounds good until your stomach starts making whale noises in that 9 a.m. meeting.
</Warning>
Info
Exercise is great for your body, but so is laughing at memes find a balance.
Sample code,
<Info>
Exercise is great for your body, but so is laughing at memes — find a balance
</Info>