Edit

Badge

Import

import { Badge } from "/imports/plugins/core/ui/client/components";

Usage Example

import React, { Component } from "react";
import { Badge } from "/imports/plugins/core/ui/client/components";

class MyReactComponent extends Component
  return (
    <Badge
      badgeSize="large"
      className="single class, or array of classes"
      i18nKeyLabel="some.key"
      label="My Button"
      status="success"    
    />
  )
};

export default MyReactComponent;

Props

Property	Type	Description
badgeSize	String	Badge size. Defaults to small. `small	large`
className	String, Object	"class-name", or { "class-name": true }
i18nKeyLabel	String	i18n key for badge label (shows in badge)
label	String	Button label
status	String	Sets badge state with a string. `primary	success	info	warning	danger	link	cta	default`