Error List Alert

import Cmp from "@/registry/origin-ui/comp-277";

export default function Demo() {
  return <Cmp />;
}

import { CircleAlertIcon } from "lucide-react";

export default function Component() {
  return (
    <div className="rounded-md border px-4 py-3">
      <div className="flex gap-3">
        <CircleAlertIcon
          aria-hidden="true"
          className="mt-0.5 shrink-0 text-red-500 opacity-60"
          size={16}
        />
        <div className="grow space-y-1">
          <p className="font-medium text-sm">
            Password does not meet requirements:
          </p>
          <ul className="list-inside list-disc text-muted-foreground text-sm">
            <li>Minimum 8 characters</li>
            <li>Inlcude a special character</li>
          </ul>
        </div>
      </div>
    </div>
  );
}