# Callout

Schema-only template for a callout component.

By Croct. Categories: interface.

[Source](https://github.com/croct-tech/templates/blob/master/templates/croct/ui/component/callout/)

## Installation

```sh
npx croct@latest use croct://ui/component/callout
```

# Introduction

A callout highlights key information or actions within a page, using contrasting styles to emphasize limited-time
offers, important updates, feature highlights, or next steps in a user journey. It breaks the flow intentionally
to ensure critical content stands out.

Personalizing callouts, such as showing different messages based on user stage or referral source, and AB testing
variations in copy, placement, or design can improve visibility, relevance, and engagement.

## Usage

To add this component to your workspace, run:

```croct-cmd
croct use croct://ui/component/callout
```