@purpurds/counter-badge NPM

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

import * as CounterBadgeStories from "./src/counter-badge.stories"; import packageInfo from "./package.json";

CounterBadge

Version {packageInfo.version}

Showcase

Properties

Installation

Via NPM

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

In MyApp.tsx

import "@purpurds/purpur/styles";

In MyComponent.tsx

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

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

classnames @purpurds/tokens

@purpurds/purpur @teliafi/fi-ds

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

9 months ago

9 months ago

10 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

1 year ago

1 year ago

1 year ago

11 months ago

11 months ago

11 months ago

11 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

11 months ago

11 months 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

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

1 year ago