mirror of
https://github.com/cosscom/coss.git
synced 2026-09-14 20:06:50 +08:00
Pasquale Vitiello
9302c06311
* update biome config + resolve issues * improve the ui:sync command to run organizeImports on packages * reformat * build registry * exclude base-ui stuff * fix useExportsLast * further improvements * silence errors * exclude examples app * update biome + reformat * format all the other files * include examples app * improve copyable-field * remove unwanted comment * remove a few unneeded biome comments * avoid nested ternary * refactored some shared components * upgrade base ui to 1.2.0 * fix
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import { TriangleAlert, XIcon } from "lucide-react";
|
|
import { Button } from "@/registry/default/ui/button";
|
|
|
|
export default function Component() {
|
|
return (
|
|
// To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.
|
|
<div className="z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg">
|
|
<div className="flex gap-2">
|
|
<p className="grow text-sm">
|
|
<TriangleAlert
|
|
aria-hidden="true"
|
|
className="me-3 -mt-0.5 inline-flex text-amber-500"
|
|
size={16}
|
|
/>
|
|
Some information is missing!
|
|
</p>
|
|
<Button
|
|
aria-label="Close notification"
|
|
className="group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent"
|
|
variant="ghost"
|
|
>
|
|
<XIcon
|
|
aria-hidden="true"
|
|
className="opacity-60 transition-opacity group-hover:opacity-100"
|
|
size={16}
|
|
/>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|