<h1 id="heading-intro">Intro</h1>
<p>Use Alerts to create non-intrusive alerts that do not interrupt the user.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1667289524673/dVRwjOexm.png" alt="Screenshot 2022-11-01 085632.png" /></p>
<p>For installation follow the link <a target="_blank" href="https://github.com/ahmadnsam/tailwindui-kit">here</a></p>
<h1 id="heading-parameters">Parameters</h1>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1667289557421/AFU9rw_Ex.png" alt="image.png" /></p>
<h3 id="heading-title">Title</h3>
<p>The title of the alert</p>
<h3 id="heading-description">Description</h3>
<p>Description that is displayed on the alert</p>
<h3 id="heading-type">Type</h3>
<p>The type of the alert, possible values,</p>
<ul>
<li>Info</li>
<li>Success</li>
<li>Warning</li>
<li>Error</li>
</ul>
<h3 id="heading-display">Display</h3>
<p>To display the alert or not, can be used to conditionally display alerts</p>


# Intro
Use Alerts to create non-intrusive alerts that do not interrupt the user.


![Screenshot 2022-11-01 085632.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1667289524673/dVRwjOexm.png align="left")


For installation follow the link [here](https://github.com/ahmadnsam/tailwindui-kit)

# Parameters

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1667289557421/AFU9rw_Ex.png align="left")

### Title
The title of the alert

### Description
Description that is displayed on the alert

### Type
The type of the alert, possible values,

- Info
- Success
- Warning
- Error

### Display
To display the alert or not, can be used to conditionally display alerts


TailwindUI Kit

Alert Control

"Vite" is the French word for Fast! Our mission is to deliver content that is fast to read or watch! because nowadays people prefer to consume faster content.
