InfoBlock
InfoBlock is used for structured factual content such as definitions, summaries, or reference information.
All Variants
<InfoBlock variant="info" title="What is this?">Explanation here.</InfoBlock>
<InfoBlock variant="success" title="Best Practice">Recommended approach.</InfoBlock>
<InfoBlock variant="warning" title="Caution">Important consideration.</InfoBlock>
What is this?
Explanation here.
Best Practice
Recommended approach.
Caution
Important consideration.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | string | info | Left accent color |
title | string | — | Header title |
icon | ReactNode | — | Optional icon in header |
Related Components
- Callout — For tips and notes
- Card — More general container