Add a Badge Component

[adityaxpique]

The signature of badge component should be as follows:-

type BadgeProps = {
       styles: React.CSSProperties;
       custom: { 
                //The child to show inside the box. The user can drag and drop it into the box to apply it(like you can drag and drop 
                components into flexbox).
        child: React.ReactNode[];
        //The max number you show above the box.
        maxLimit: number;
        //Sets the badge as status dot;
        isStatus: boolean;
        //The text that gets displays when you hover over the badge
        tooltip: string;
        //The amount of offset in the x and y axis.
        offset: [number, number];
        //The color of the dot
        color: string;
        //The number to show in the badge
        count: number;
       };
};

export const BadgeProps: React.FC<BadgeProps> = React.forwardRef(
  (ref, props) => {
    return <div></div>;
  }
);

[Potato-29]

Hi @adityaxpique , I'd like to build this component, can you assign it for me?

[darshitac11]

Done! Your username is hilarious by the way @Potato-29 😆

[Potato-29]

Haha thanks XD I'll start working now then.

[Potato-29]

ah hey really sorry to bail out but I realized in the end that it's python and I'm not really good with it, but thanks for giving me a chance :)

[darshitac11]

Sure, no problem.

However, this issue only requires knowledge of Typescript and React.

[darshitac11]

@all-contributors please add @Potato-29 for userTesting

[allcontributors[bot]]

@darshitac11

I've put up a pull request to add @Potato-29! :tada:

[Potato-29]

Thanks for adding me as a tester in contributors :)

[darshitac11]

@Potato-29 since our repo follows all-contributors specification, both no-code and code contributions are celebrated and featured in our README. 💖

[vikyale]

Hello! I'd like to help in this issue :)

[factscub]

Hey. I want to work on this. Please assign it to me.

[factscub]

all properties in the custom object are mandatory or optional ?

[cruxcode]

@factscub sorry for the late reply. To start with, add the most needed custom properties first.