Alert

Usage

عنوان پیام

توضیحات مختصر درمورد پیام هشدار.

import Alert from "@repo/ui/Alert";

<Alert
  title="عنوان پیام"
  description="توضیحات مختصر درمورد پیام هشدار."
  onClose={() => setOpen(false)}
/>;

Installation

npx the-dig@latest add Alert

Props

description is required. onClose is optional and only renders a close control when supplied; provide an accessible label for that control.

Prop	Type	Default
title	ReactNode	-
description *	ReactNode	-
color	"gray" | "info" | "success" | "warning" | "danger"	"gray"
onClose	VoidFunction	-
className	string	-

Colors

عنوان پیام

توضیحات مختصر درمورد پیام هشدار.

عنوان پیام

توضیحات مختصر درمورد پیام هشدار.

عنوان پیام

توضیحات مختصر درمورد پیام هشدار.

عنوان پیام

توضیحات مختصر درمورد پیام هشدار.

عنوان پیام

توضیحات مختصر درمورد پیام هشدار.

import Alert from "@repo/ui/Alert";

<Alert
  color="gray"
  title="عنوان پیام"
  description="توضیحات مختصر درمورد پیام هشدار."
/>
<Alert
  color="info"
  title="عنوان پیام"
  description="توضیحات مختصر درمورد پیام هشدار."
/>
<Alert
  color="success"
  title="عنوان پیام"
  description="توضیحات مختصر درمورد پیام هشدار."
/>
<Alert
  color="warning"
  title="عنوان پیام"
  description="توضیحات مختصر درمورد پیام هشدار."
/>
<Alert
  color="danger"
  title="عنوان پیام"
  description="توضیحات مختصر درمورد پیام هشدار."
/>

Without Title

توضیحات مختصر درمورد پیام هشدار.

توضیحات مختصر درمورد پیام هشدار.

توضیحات مختصر درمورد پیام هشدار.

توضیحات مختصر درمورد پیام هشدار.

توضیحات مختصر درمورد پیام هشدار.

import Alert from "@repo/ui/Alert";

<Alert
  color="gray"
  description="توضیحات مختصر درمورد پیام هشدار."
/>
<Alert
  color="info"
  description="توضیحات مختصر درمورد پیام هشدار."
/>
<Alert
  color="success"
  description="توضیحات مختصر درمورد پیام هشدار."
/>
<Alert
  color="warning"
  description="توضیحات مختصر درمورد پیام هشدار."
/>
<Alert
  color="danger"
  description="توضیحات مختصر درمورد پیام هشدار."
/>