1 files changed, 14 insertions, 0 deletions

diff --git a/src/ui/objects/Tab.tsx b/src/ui/objects/Tab.tsx
new file mode 100644
index 0000000..15c1e5d
--- /dev/null
+++ b/src/ui/objects/Tab.tsx
@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from "corvos/plugins/jsx.ts";
+
+export type Props = HTMLAttributes<"a"> & {
+        selected?: boolean;
+};
+
+export const Tab = ({ selected, class: cls, ...props }: Props) => (
+        <a
+                aria-selected={`${selected}`}
+                class:list={["o-tabbar__tab", { "is-selected": selected }, cls]}
+                role="tab"
+                {...props}
+        />
+);