Callout
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:
Information:
This is some information you should know.
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.ContentHeading
This component doesn't accept any custom props.
Callout.ContentHeading
This component doesn't accept any custom props.
CalloutGroup
This component doesn't accept any custom props.