Most simple components created

src/routes/tab/index.tsx

@@ -0,0 +1,26 @@
+import { MattrixwvTabGroup } from '$/component/tab';
+import type { TabGroupContent } from '$/types/Tab';
+import { createFileRoute } from '@tanstack/react-router';
+import { BsXLg } from 'react-icons/bs';
+
+
+export const Route = createFileRoute('/tab/')({
+	component: RouteComponent
+});
+
+
+function RouteComponent(){
+	const tabs: TabGroupContent[] = [
+		{ tab: "Tab 1", content: "Tab 1 Content" },
+		{ tab: "Tab 2", content: "Tab 2 Content" },
+		{ tab: "Tab 3", content: "Tab 3 Content" },
+		{ tab: "Tab 4", content: "Tab 4 Content" },
+		{ tab: <div className="flex flex-row items-center justify-center gap-x-2">Tab <BsXLg/></div>, content: <div className="flex flex-row items-center justify-center gap-x-2">Tab <BsXLg/> Content</div> }
+	];
+
+	return (
+		<MattrixwvTabGroup
+			tabs={tabs}
+		/>
+	);
+}