blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

fix: add updated badge

Browse Source
This commit is contained in:
Mythie
2024-02-26 22:35:10 +11:00
parent 70165c4469
commit a31057d0d1
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/ui/primitives/badge.tsx
View File

@@ -6,7 +6,7 @@ import { cva } from 'class-variance-authority';
import { cn } from '../lib/utils'; import { cn } from '../lib/utils';
const badgeVariants = cva( const badgeVariants = cva(
'inline-flex items-center rounded-md px-2 py-1.5 text-xs font-medium ring-1 ring-inset w-fit', 'inline-flex items-center rounded-md text-xs font-medium ring-1 ring-inset w-fit',
{ {
variants: { variants: {
variant: { variant: {
@@ -21,9 +21,15 @@ const badgeVariants = cva(
secondary: secondary:
'bg-blue-50 text-blue-700 ring-blue-700/10 dark:bg-blue-400/10 dark:text-blue-400 dark:ring-blue-400/30', 'bg-blue-50 text-blue-700 ring-blue-700/10 dark:bg-blue-400/10 dark:text-blue-400 dark:ring-blue-400/30',
}, },
size: {
small: 'px-1.5 py-0.5 text-xs',
default: 'px-2 py-1.5 text-xs',
large: 'px-3 py-2 text-sm',
},
}, },
defaultVariants: { defaultVariants: {
variant: 'default', variant: 'default',
size: 'default',
}, },
}, },
); );
@@ -32,8 +38,8 @@ export interface BadgeProps
extends React.HTMLAttributes<HTMLDivElement>, extends React.HTMLAttributes<HTMLDivElement>,
VariantProps<typeof badgeVariants> {} VariantProps<typeof badgeVariants> {}
function Badge({ className, variant, ...props }: BadgeProps) { function Badge({ className, variant, size, ...props }: BadgeProps) {
return <div className={cn(badgeVariants({ variant }), className)} {...props} />; return <div className={cn(badgeVariants({ variant, size }), className)} {...props} />;
} }
export { Badge, badgeVariants }; export { Badge, badgeVariants };