Badge With Tooltips
src / Demo.tsx
123456789101112131415161718192021222324252627282930import React, { ReactElement } from "react";
import TooltippedBadgedButton from "./TooltippedBadgedButton";
import styles from "./SimpleExamples.module.scss";
export default function Demo(): ReactElement {
return (
<>
<TooltippedBadgedButton
id="tooltipped-badged-button-1"
tooltip="No Alerts"
className={styles.container}
/>
<TooltippedBadgedButton
id="tooltipped-badged-button-2"
tooltip="10 New Alerts"
className={styles.container}
>
10
</TooltippedBadgedButton>
<TooltippedBadgedButton
id="tooltipped-badged-button-3"
tooltip="100 New Alerts"
className={styles.container}
>
99+
</TooltippedBadgedButton>
</>
);
}