Skip to main content
react-md
react-md - Badge - Installation

@react-md/badge

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.

Installation

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 \
  @react-md/typography

Usage

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

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

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