Components · Feedback
Callout
DeprecatedSince v0.0.1
Deprecated — use Alert. Highlighted content block for tips, warnings, or notes.
Deprecated — removal planned in 3.0
Use Alert instead:
<Alert> covers tone and icon. Callout keeps working, unchanged, until 3.0.import { Callout } from '@nexub/react';Examples
Default
Info
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tone | 'neutral' | 'info' | 'success' | 'warning' | 'danger' | — | Semantic colour tone of the callout. |
| title | string | — | Bold title rendered at the top of the callout. |
| icon | ReactNode | — | Custom icon rendered beside the title. |
On iOS & Android
Web only
Callout has no @nexub/react-native twin. On phones, follow the platform pattern instead, or compose it from the native components listed on the React Native page.