@daflow-ui/ui-field

表单项容器，为表单控件提供统一的 label、必填标记和描述文字布局。

Installation

pnpm add @daflow-ui/ui-field

Usage

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

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

在组件中使用：

<script setup lang="ts">
import { DfField } from '@daflow-ui/ui-field';
import { DfInput } from '@daflow-ui/ui-input';
</script>

<template>
  <DfField label="用户名" required description="最多 20 个字符">
    <DfInput placeholder="请输入用户名" />
  </DfField>
</template>

Development

Start playground (at monorepo root)

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

Build

pnpm build

Type check

pnpm typecheck

Lint

pnpm lint
pnpm lint:fix

License

MIT