algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-14 18:05:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui][badge] allow icon addon

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-29 16:03:36 +08:00
parent 960bbcbb0a
commit 2f5e498282
2 changed files with 31 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/src/Badge/Badge.tsx
View File

@ -8,6 +8,7 @@ export type BadgeVariant =
| 'warning';
type Props = Readonly<{
endAddOn?: React.ComponentType<React.ComponentProps<'svg'>>;
label: string;
variant: BadgeVariant;
}>;
@ -41,7 +42,7 @@ const classes: Record<
},
};
export default function Badge({ label, variant }: Props) {
export default function Badge({ endAddOn: EndAddOn, label, variant }: Props) {
const { backgroundClass, textClass } = classes[variant];
return (
@ -51,7 +52,8 @@ export default function Badge({ label, variant }: Props) {
backgroundClass,
textClass,
)}>
{label}
<span>{label}</span>
{EndAddOn && <EndAddOn aria-hidden="true" className="ml-1 h-4 w-4" />}
</span>
);
}