Callout
Highlighted asides for notes, tips and warnings.
<hc-callout heading="Note">Clubs meet weekly during the school year.</hc-callout>
<hc-callout tone="tip" heading="Tip">Ask your club leader for a sticker pack.</hc-callout>
<hc-callout tone="warning">Applications close Friday.</hc-callout>
<hc-callout tone="danger" heading="Heads up">Never share your HCB login.</hc-callout>API
Attributes
| Name | Type | Default | Description |
|---|---|---|---|
tone | "note" | "tip" | "warning" | "danger" | "note" | |
heading | string | Bold heading |
Slots
| Name | Description |
|---|---|
(default) | Body |
heading | Rich heading |
CSS parts
| Name | Description |
|---|---|
callout |