Skip to main content
react-md - Badge - Installation


A badge is a floating element that is normally fixed to another element to add additional information. The biggest use-case for a badge is to show a count of notifications.


npm install --save @react-md/badge

If you would also like dynamic themes and general typography, it is recommended to also install:

npm install --save @react-md/theme \


import { render } from "react-dom";
import { BadgedButton } from "@react-md/badge";

const App = () => <BadgedButton id="notifications">3</BadgedButton>;

render(<App />, document.getElementById("root"));