@daflow-ui/ui-badge

@daflow-ui/ui-badge

Badge component for DaFlow UI component library.

Installation

pnpm add @daflow-ui/ui-badge

Usage

全局引入样式（在 main.ts 中）：

import '@daflow-ui/ui-badge/style.css';

在组件中使用：

<script setup lang="ts">
import { DfBadge } from '@daflow-ui/ui-badge';
</script>

<template>
  <DfBadge :value="3">
    <button>Inbox</button>
  </DfBadge>
</template>

Development

Install dependencies

pnpm install

Start playground (at monorepo root)

cd ../..  # 回到 monorepo 根目录
pnpm dev  # 启动统一 playground，自动发现组件

组件会自动出现在 playground 导航中（通过 dev/index.vue）。

Build

pnpm build

Type check

pnpm typecheck

Lint

pnpm lint
pnpm lint:fix

License

MIT