Note
A component used to display different types of messages such as general notes, warnings, or success notifications.
Preview
Note:
This is a general note to convey information to the user.
Danger:
This is a danger alert to notify the user of a critical issue.
Warning:
This is a warning alert for issues that require attention.
Success:
This is a success message to inform the user of successful actions.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Note" | Sets the title of the note. |
type | "note" "danger" "success" "warning" | undefined | Determines the visual style of the note. |
Output Markdown
<Note type="note" title="Note">
This is a general note to convey information to the user.
</Note>
<Note type="danger" title="Danger">
This is a danger alert to notify the user of a critical issue.
</Note>
<Note type="warning" title="Warning">
This is a warning alert for issues that require attention.
</Note>
<Note type="success" title="Success">
This is a success message to inform the user of successful actions.
</Note>
Published on Dec 14, 2024
