The title of an Alert: its first line of the message, in a heavier weight.
<Alert severity="success">
<AlertTitle>Saved</AlertTitle>
Your changes are live.
</Alert>
Demos
For usage examples, visit the component demo page: Alert
Import
import { AlertTitle } from '@soroush.tech/design-system/Alert'Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | The title. |
className, data-testid | On the root. |
Customization
theme.components.AlertTitle styles the root.
Source code
If this page does not answer your question, have a look at the implementation of the component for more detail.