Alert

Preview

عنوان پیام

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

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

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

Installation

npx the-dig@latest add Alert

Props

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="توضیحات مختصر درمورد پیام هشدار."
/>