feat: added custom design for tags

This commit is contained in:
Ebezer Igbinoba
2023-08-20 10:02:40 +01:00
parent 4a48c088df
commit 66ea3ba172
5 changed files with 225 additions and 13 deletions
+4 -2
View File
@@ -9,6 +9,7 @@ type Props = {
className?: string;
onClose?: () => void;
color?: string;
styles?: Record<string, string>
isDisabled?: boolean;
} & VariantProps<typeof tagVariants>;
@@ -35,11 +36,12 @@ export const Tag = ({
color,
isDisabled,
size = "sm",
onClose
onClose,
styles = {}
}: Props) => (
<div
className={twMerge(tagVariants({ colorSchema, className, size }))}
style={{ backgroundColor: color }}
style={{ backgroundColor: color, ...styles }}
>
{children}
{onClose && (