Badge

This component was added by us.

Styles

You will find the styles for this component instyles/jss/nextjs-material-kit-pro/components/badgeStyle.js.

Example

import Badge from "components/Badge/Badge.js";

<Badge>gray</Badge>
<Badge color="primary">primary</Badge>
<Badge color="warning">warning</Badge>
<Badge color="danger">danger</Badge>
<Badge color="success">success</Badge>
<Badge color="info">info</Badge>
<Badge color="rose">rose</Badge>

Props

Badge.defaultProps = {
  color: "gray"
};

Badge.propTypes = {
  color: PropTypes.oneOf([
    "primary",
    "warning",
    "danger",
    "success",
    "info",
    "rose",
    "gray"
  ]),
  className: PropTypes.string
};