Badge

Badge generates a small badge to the top-right of its child.
999+

99

99
Z
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>
	);
}