Animated Alert

Installation

Edit tailwind.config.ts to add background grid

1

Install the package if you do not have it.

npm i framer-motion lucide-react npx shadcn@latest add alert
2

Copy and paste the following code into your project.

import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
3

Create feedback component & paste the code

Usage

Saved to database