@purpurds/badge NPM

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/purpur": "^x.y.z"

In MyApp.tsx

import "@purpurds/purpur/styles";

In MyComponent.tsx

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

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

classnames @purpurds/tokens @purpurds/icon

@purpurds/promotion-card @purpurds/purpur @purpurds/rich-text @purpurds/card @purpurds/content-block @teliafi/fi-ds

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2.7.1-pr-10412-8020166972

1 year ago

2.7.1-pr-10412-8020124726

1 year ago

2.7.1-pr-10412-8019902272

1 year ago

2.7.1-pr-10412-7987874107

2 years ago