1 files changed, 19 insertions, 0 deletions

diff --git a/src/ui/objects/Badge.tsx b/src/ui/objects/Badge.tsx
new file mode 100644
index 0000000..e98ef0d
--- /dev/null
+++ b/src/ui/objects/Badge.tsx
@@ -0,0 +1,19 @@
+import type { HTMLTag, Polymorphic } from "corvos/plugins/jsx.ts";
+
+import type { Props as ActionButtonProps } from "./ActionButton.tsx";
+
+import { ActionButton } from "./ActionButton.tsx";
+
+export type Props<Tag extends HTMLTag> = Polymorphic<{
+        as?: Tag;
+        variant?: ActionButtonProps<Tag>["variant"];
+        pill?: boolean;
+        selected?: boolean;
+        size?: ActionButtonProps<Tag>["size"];
+        children?: JSX.Element;
+}>;
+
+export const Badge = <T extends HTMLTag = "span">({ as = "span" as T, ...props }: Props<T>) => (
+        // deno-lint-ignore no-explicit-any
+        <ActionButton as={as} level="badge" {...(props as any)} />
+);