HQReact UI
DocsThemes
  • Getting Started
  • Introduction
  • Installation
  • Client Side Routing
  • MCP Server
  • LLMs
  • Framework Guides
  • Nextjs
  • Laravel
  • Vite
  • Tanstack Start
  • Components
  • Buttons
  • Button
  • File Trigger
  • Toggle
  • Charts
  • Chart
  • Collections
  • Accordion
  • Bubble
  • Collapsible
  • Context Menu
  • Dropdown Menu
  • Grid List
  • Item
  • List Box
  • Message
  • Table
  • Tag Group
  • Tree
  • Colors
  • Color
  • Controls
  • Command
  • Kbd
  • Slider
  • Switch
  • Toolbar
  • Date And Time
  • Calendar
  • Range Calendar
  • Date Field
  • Date Picker
  • Date Range Picker
  • Time Field
  • Drag And Drop
  • Drop Zone
  • Forms
  • Field
  • Input
  • Combobox
  • Input Group
  • Checkbox
  • Radio
  • Select
  • Text Field
  • Number Field
  • Search Field
  • Input OTP
  • Layouts
  • Container
  • Navbar
  • Sidebar
  • Media
  • Avatar
  • Carousel
  • Navigation
  • Link
  • Breadcrumbs
  • Tabs
  • Pagination
  • Overlays
  • Dialog
  • Alert Dialog
  • Sheet
  • Popover
  • Tooltip
  • Statuses
  • Alert
  • Badge
  • Empty
  • Meter
  • Progress
  • Skeleton
  • Toastalpha
  • Surfaces
  • Card
  • Separator

On this page

Alert

Installation

CLI
Manual

npx shadcn add https://hq-ui.vercel.app/r/alert

Examples

alert-01
New message!
alert-02
Hallie Richards
HR
Sara has replied on the uploaded image.
12 unread messages. Tap to see.
alert-03
New message!
12 unread messages. Tap to see.
alert-04
New message!
Link
alert-05
This file contains virus!
alert-06
This file contains virus!
alert-07
Uploading your 'Img-234.png'
Please wait While we upload your image.
alert-08
A new update is available
Includes the at new dashboard View. Pages end exports will now load taster
alert-09
Hallie Richards
HR
@Rocky
this projects task is remaining, deadline is near.
alert-10
Verify your email to activate your account
We've sent a confirmation link to your inbox. Check your email to complete the sign-up.
alert-11
Your request to join the team is approved.
alert-12
Your request to join the team is denied.
alert-13
New message!
alert-14
Something went wrong!
alert-15
Unable to process your payment.
alert-16
New message!
alert-17
Creating your account
Fill in your details to get started.
alert-18
Verify your email to activate your account
We've sent a confirmation link to your inbox. Check your email to complete the sign-up.
alert-19
Account created successfully
You are all set! You can now log in and start exploring your dashboard.
alert-20
Your password is too weak
Try using a mix of uppercase letters, numbers, and symbols for better security.
alert-21
File Should be PDF,DOCX,JPG, or PNG.
If the file type is not one of this than we can't get your files
alert-22
Only certain file types are allowed
You can upload PDF, DOCX, JPG, or PNG files up to 20MB.
alert-23
File uploaded successfully
Your document has been saved and is now available in your files.
alert-24
This file might be too large
Uploading large files may take longer or fail. Consider compressing it first.
alert-25
Upload failed
Something went wrong. Please try again or use a different file format.
alert-26
Editing your profile
Changes won't be saved until you click "Update."
alert-27
Profile updated
Your changes have been saved successfully.
alert-28
Some details are missing
Complete your profile to get the best experience.
alert-29
Your profile is visible
Anyone can view your basic information.
alert-30
Couldn't save changes
Please try again or reload the page.
Tooltip
Badge

On this page

  • Installation
  • Examples