krypton-ui
Version:
<h1 align="center"> <p align="center"><a href="https://krypton-ui.com"><img src="https://user-images.githubusercontent.com/7073241/224507377-395bffc0-9ff7-4d74-865b-f734394a7e7e.png" alt="Krypton" width="200"></a></p> </h1>
25 lines (24 loc) • 691 B
TypeScript
import { ComponentPropsWithoutRef } from "react";
import { Color } from "../../types";
export type Variant = "default" | "dot";
export type Alignment = "top-right" | "bottom-right" | "top-left" | "bottom-left";
type BadgeType = {
children: React.ReactNode;
value: number;
showZero?: boolean;
alignment?: Alignment;
maxValue?: number;
color?: Color;
variant?: Variant;
};
type BasicStyledProps = {
color: Color;
variant: Variant;
};
export type ValueStyledProps = BasicStyledProps & {
alignX: string;
alignY: string;
};
export type DotStyledProps = BasicStyledProps;
export type BadgeProps = ComponentPropsWithoutRef<"div"> & BadgeType;
export {};