Capture the attention of users and provide them with important feedback or information that relates to an entire page or page section.
Basic usage
First, import the component.
import {Callout} from '@pleo-io/telescope'
Then use it, like so:
API reference
| Prop | Type | Default |
|---|---|---|
children | any | |
Icon | React.ComponentType | |
skeleton | boolean | false |
variant | enum | neutral |
visuallyHiddenPrefix | string |
Callout.Text
This component doesn't accept any custom props.
Callout.CloseButton
| Prop | Type | Default |
|---|---|---|
skeleton | boolean | false |
Callout.Content
This component doesn't accept any custom props.
Callout.Title
This component doesn't accept any custom props.
CalloutGroup
This component doesn't accept any custom props.