Badge
Badge generates a small badge to the top-right of its child.
import React from "react";
import { Badge } from "shoto-ui";
import { BsCheckCircle } from "react-icons/bs";
function Badges() {
return (
<div>
<Badge badgeContent={9999} bgColor="red" color="white">
<BsCheckCircle />
</Badge>
<br />
<Badge badgeContent={99} bgColor="yellow" color="black">
<BsCheckCircle />
</Badge>
<br />
<Badge badgeContent={99} bgColor="yellow" color="black">
<Avatar alt="" src="/broken-image.jpg" bgColor="#ff0202" />
</Badge>
</div>
);
}