87 lines
2.6 KiB
TypeScript
87 lines
2.6 KiB
TypeScript
import ComponentCard from "@/components/common/ComponentCard";
|
|
import PageBreadcrumb from "@/components/common/PageBreadCrumb";
|
|
import Alert from "@/components/ui/alert/Alert";
|
|
import { Metadata } from "next";
|
|
import React from "react";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Next.js Alerts | TailAdmin - Next.js Dashboard Template",
|
|
description:
|
|
"This is Next.js Alerts page for TailAdmin - Next.js Tailwind CSS Admin Dashboard Template",
|
|
// other metadata
|
|
};
|
|
|
|
export default function Alerts() {
|
|
return (
|
|
<div>
|
|
<PageBreadcrumb pageTitle="Alerts" />
|
|
<div className="space-y-5 sm:space-y-6">
|
|
<ComponentCard title="Success Alert">
|
|
<Alert
|
|
variant="success"
|
|
title="Success Message"
|
|
message="Be cautious when performing this action."
|
|
showLink={true}
|
|
linkHref="/"
|
|
linkText="Learn more"
|
|
/>
|
|
<Alert
|
|
variant="success"
|
|
title="Success Message"
|
|
message="Be cautious when performing this action."
|
|
showLink={false}
|
|
/>
|
|
</ComponentCard>
|
|
<ComponentCard title="Warning Alert">
|
|
<Alert
|
|
variant="warning"
|
|
title="Warning Message"
|
|
message="Be cautious when performing this action."
|
|
showLink={true}
|
|
linkHref="/"
|
|
linkText="Learn more"
|
|
/>
|
|
<Alert
|
|
variant="warning"
|
|
title="Warning Message"
|
|
message="Be cautious when performing this action."
|
|
showLink={false}
|
|
/>
|
|
</ComponentCard>{" "}
|
|
<ComponentCard title="Error Alert">
|
|
<Alert
|
|
variant="error"
|
|
title="Error Message"
|
|
message="Be cautious when performing this action."
|
|
showLink={true}
|
|
linkHref="/"
|
|
linkText="Learn more"
|
|
/>
|
|
<Alert
|
|
variant="error"
|
|
title="Error Message"
|
|
message="Be cautious when performing this action."
|
|
showLink={false}
|
|
/>
|
|
</ComponentCard>{" "}
|
|
<ComponentCard title="Info Alert">
|
|
<Alert
|
|
variant="info"
|
|
title="Info Message"
|
|
message="Be cautious when performing this action."
|
|
showLink={true}
|
|
linkHref="/"
|
|
linkText="Learn more"
|
|
/>
|
|
<Alert
|
|
variant="info"
|
|
title="Info Message"
|
|
message="Be cautious when performing this action."
|
|
showLink={false}
|
|
/>
|
|
</ComponentCard>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|