@purpurds/badge

import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";

import * as BadgeStories from "./src/badge.stories"; import packageInfo from "./package.json";

Badge

Version {packageInfo.version}

Showcase

Properties

Installation

Via NPM, in the monorepo

Add the dependency to your consumer app like "@purpurds/badge": "x.y.z"

Via NPM, outside the monorepo (build-time)

To install this package, you need to setup access to the new artifactory. Click here to go to the guide on how to do that.

---

In MyApp.tsx

import "@purpurds/badge/styles";

and

import "@purpurds/badge/styles";

In MyComponent.tsx

import { Badge } from "@purpurds/badge";

export const MyComponent = () => {
  return (
    <div>
      <Badge {...someProps}>Some content</Badge>
    </div>
  );
};