@purpurds/card NPM

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

import * as CardStories from "./src/card.stories"; import packageInfo from "./package.json";

Card

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 { Card } from "@purpurds/purpur";

export const MyComponent = () => {
  return (
    <Card>
      <div>Things you want to be styled as a card</div>
    </Card>
  );
};

classnames @purpurds/paragraph @purpurds/badge @purpurds/spinner @purpurds/tokens @purpurds/icon @purpurds/visually-hidden

@purpurds/product-card @purpurds/promotion-card @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

1 year ago

1 year ago

1 year ago

1 year ago

1 year 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

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