mazyar/tm_panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit for new panel

Browse Source
This commit is contained in:
AmirReza Jamali
2025-09-09 11:20:26 +03:30
commit 1d4ccb3575
343 changed files with 20031 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/ui-elements/alerts/page.tsx
+36
View File
@@ -0,0 +1,36 @@
import { Alert } from "@/components/ui-elements/alert";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Alerts",
// other metadata
};
export default function Page() {
return (
<>
{/* <Breadcrumb pageName="Alerts" /> */}
<div className="space-y-7.5 rounded-[10px] bg-white p-4 shadow-1 dark:bg-gray-dark dark:shadow-card md:p-6 xl:p-9">
<Alert
variant="warning"
title="Attention Needed"
description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when"
/>
<Alert
variant="success"
title="Message Sent Successfully"
description="Lorem Ipsum is simply dummy text of the printing and typesetting industry."
/>
<Alert
variant="error"
title="There were 1 errors with your submission"
description="Lorem Ipsum is simply dummy text of the printing"
/>
</div>
</>
);
}
src/app/ui-elements/buttons/page.tsx
+133
View File
@@ -0,0 +1,133 @@
import { MessageOutlineIcon } from "@/assets/icons";
import { ShowcaseSection } from "@/components/Layouts/showcase-section";
import { Button } from "@/components/ui-elements/button";
import { Metadata } from "next";
export const metadata: Metadata = {
title: "Buttons",
};
export default function Page() {
return (
<>
{/* <Breadcrumb pageName="Buttons" /> */}
<div className="space-y-10">
<ShowcaseSection title="Normal Button">
<div className="mb-7.5 flex flex-wrap gap-5 xl:gap-20">
<Button label="Button" variant="primary" />
<Button label="Button" variant="primary" shape="rounded" />
<Button label="Button" variant="primary" shape="full" />
<Button label="Button" variant="outlinePrimary" shape="rounded" />
</div>
<div className="mb-7.5 flex flex-wrap gap-5 xl:gap-20">
<Button label="Button" variant="green" />
<Button label="Button" variant="green" shape="rounded" />
<Button label="Button" variant="green" shape="full" />
<Button label="Button" variant="outlineGreen" shape="rounded" />
</div>
<div className="flex flex-wrap gap-5 xl:gap-20">
<Button label="Button" variant="dark" />
<Button label="Button" variant="dark" shape="rounded" />
<Button label="Button" variant="dark" shape="full" />
<Button label="Button" variant="outlineDark" shape="rounded" />
</div>
</ShowcaseSection>
<ShowcaseSection title="Button With Icon">
<div className="mb-7.5 flex flex-wrap gap-5 xl:gap-7.5">
<Button
label="Button With Icon"
variant="primary"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="green"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="dark"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="outlinePrimary"
size="small"
icon={<MessageOutlineIcon />}
/>
</div>
<div className="mb-7.5 flex flex-wrap gap-5 xl:gap-7.5">
<Button
label="Button With Icon"
variant="primary"
shape="rounded"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="green"
shape="rounded"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="dark"
shape="rounded"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="outlinePrimary"
shape="rounded"
size="small"
icon={<MessageOutlineIcon />}
/>
</div>
<div className="flex flex-wrap gap-5 xl:gap-7.5">
<Button
label="Button With Icon"
variant="primary"
shape="full"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="green"
shape="full"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="dark"
shape="full"
size="small"
icon={<MessageOutlineIcon />}
/>
<Button
label="Button With Icon"
variant="outlinePrimary"
shape="full"
size="small"
icon={<MessageOutlineIcon />}
/>
</div>
</ShowcaseSection>
</div>
</>
);
}