@daflow-ui/ui-tag

@daflow-ui/ui-tag

Tag component for DaFlow UI component library.

Installation

pnpm add @daflow-ui/ui-tag

Usage

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

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

在组件中使用：

<script setup lang="ts">
import { DfCheckableTag, DfTag } from '@daflow-ui/ui-tag';
</script>

<template>
  <DfTag color="primary">Primary</DfTag>
  <DfTag closable>Closable</DfTag>
  <DfCheckableTag v-model:checked="checked">Checkable</DfCheckableTag>
</template>

CSS Variables

固态颜色文本（solid / solid hover）在所有预设颜色中共用以下 token：

• --df-tag-solid-color
• --df-tag-solid-hover-color

各预设色的 --df-tag-xxx-solid-color / --df-tag-xxx-solid-hover-color 默认引用上述 token。

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