fix: multiple labels should wrap on cards
This commit is contained in:
10
apps/web/src/components/Badge.tsx
Normal file
10
apps/web/src/components/Badge.tsx
Normal file
@@ -0,0 +1,10 @@
|
||||
import type { ReactNode } from "react";
|
||||
|
||||
const Badge = ({ value, iconLeft }: { value: string; iconLeft: ReactNode }) => (
|
||||
<span className="mt-1 inline-flex w-fit items-center gap-x-1.5 rounded-full px-2 py-1 text-[10px] font-medium text-neutral-600 ring-1 ring-inset ring-light-600 dark:text-dark-1000 dark:ring-dark-800">
|
||||
{iconLeft}
|
||||
<div>{value}</div>
|
||||
</span>
|
||||
);
|
||||
|
||||
export default Badge;
|
||||
Reference in New Issue
Block a user