Add Badge variant "outline"

tinytek-io · Jul 19, 2024 · 0052766 · 0052766
1 parent d009fc4
commit 0052766
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/ui/components/Badge.tsx b/ui/components/Badge.tsx
@@ -15,7 +15,8 @@ const styles = tv({
       danger: "bg-danger text-danger-foreground",
       info: "bg-info text-info-foreground",
       primary: "bg-primary text-primary-foreground",
-      secondary: "bg-secondary text-secondary-foreground"
+      secondary: "bg-secondary text-secondary-foreground",
+      outline: "border border-muted-foreground text-muted-foreground"
     }
   },
   defaultVariants: {