diff --git a/src/components/Adornment/components/Badge/index.tsx b/src/components/Adornment/components/Badge/index.tsx index 5eeac171..710ca754 100644 --- a/src/components/Adornment/components/Badge/index.tsx +++ b/src/components/Adornment/components/Badge/index.tsx @@ -19,10 +19,10 @@ const AdornmentBadge: FC = ({ badge, children, dataCy = DEFAULT_DATA return {children}; } - const { color = "default", value, variant = "standard" } = badge; + const { color = "default", overlap = "circular", value, variant = "standard" } = badge; return ( - + {children} ); diff --git a/src/types/Adornment.ts b/src/types/Adornment.ts index d7366d1f..7e50ae69 100644 --- a/src/types/Adornment.ts +++ b/src/types/Adornment.ts @@ -8,11 +8,26 @@ export type IAdornmentSubpart = "adornment" | IAdornmentBadgeSubpart | IAdornmen type IBadgeColor = "default" | "error" | "primary" | "secondary"; +type IBadgeOverlap = "circular" | "rectangular"; + type IBadgeVariant = "dot" | "standard"; export interface IAdornmentBadge { + /** + * Badge color + */ color?: IBadgeColor; + /** + * Badge overlap + */ + overlap?: IBadgeOverlap; + /** + * Badge content + */ value: string; + /** + * Badge variant + */ variant?: IBadgeVariant; }