@prozorro/prozorro-ui

Vue 3 component library for Prozorro interfaces.

Install

npm install @prozorro/prozorro-ui

Peer dependency:

npm install vue

Styles

The package exposes both compiled CSS and the SCSS entrypoint.

Use compiled CSS when you just need the library styles:

import "@prozorro/prozorro-ui/style.css";

Use SCSS when your app compiles Sass and you want the source entry:

import "@prozorro/prozorro-ui/main.scss";

Usage

<script setup lang="ts">
import { PzText } from "@prozorro/prozorro-ui";
</script>

<template>
  <PzText variant="h1-bold">Procurement announcement</PzText>
  <PzText
    variant="body-regular"
    as="p"
  >
    Suppliers can review requirements, deadlines, and attached documents.
  </PzText>
</template>

Type imports:

import type { PzTextProps, PzTextTag, PzTextVariant } from "@prozorro/prozorro-ui";

Storybook

npm run storybook

Static build:

npm run build:storybook

Scripts

• npm run dev starts the Vite dev server
• npm run build builds the library bundle and Storybook
• npm run build:lib builds the library bundle
• npm run storybook starts Storybook
• npm run build:storybook builds the static Storybook site into dist/app
• npm run lint runs ESLint and Stylelint
• npm run typecheck runs vue-tsc --noEmit