@aurodesignsystem-dev/auro-formkit

中文文档
0.0.0-pr1627.0发布于 2026/10/09Apache-2.0TypeScriptES Module构建来源已验证近 30 天下载 2209

A collection of web components used to build forms.

原始使用文档
文档目录15 节
  1. Description
  2. Use Cases
  3. 1. User Accounts
  4. 2. Checkout & Payments
  5. 3. Booking & Scheduling
  6. 4. Search & Filters
  7. 5. File Uploads
  8. 6. Feedback & Surveys
  9. 7. Calculators & Dynamic Forms
  10. 8. Multi-Step Forms
  11. 9. Mobile-Friendly Input
  12. 10. Accessible Forms
  13. 11. Built-in Validation
  14. Getting Started
  15. Getting Started

Formkit

Description

auro-formkit is a collection of web components that can be used to build forms.

It is a monorepo that contains the following components:

  • auro-checkbox
    • auro-checkbox-group
  • auro-combobox
  • auro-counter
    • auro-counter-group
  • auro-datepicker
  • auro-dropdown
  • auro-form
  • auro-input
  • auro-menu
    • auro-menu-option
  • auro-radio
    • auro-radio-group
  • auro-select

Use Cases

1. User Accounts

  • Sign up and login forms
  • Email and password validation

2. Checkout & Payments

  • Collect shipping and billing info
  • Use autofill and validation to reduce errors

3. Booking & Scheduling

  • Select dates and times
  • Prevent invalid selections (like past dates)

4. Search & Filters

  • Search inputs with suggestions
  • Filters like price ranges or categories

5. File Uploads

  • Upload images, documents, or media
  • Restrict file types and allow multiple files

6. Feedback & Surveys

  • Collect ratings, choices, and comments
  • Require answers where needed

7. Calculators & Dynamic Forms

  • Show real-time results (e.g., pricing, totals)

8. Multi-Step Forms

  • Break long forms into smaller steps

9. Mobile-Friendly Input

  • Use input types that trigger the right keyboard

10. Accessible Forms

  • Proper labels and grouped inputs
  • Built-in error handling

11. Built-in Validation

  • Use HTML5 rules instead of custom JavaScript

Getting Started

Build Status See it on NPM! License ESM supported

NPM Installation

$ npm i @aurodesignsystem/auro-formkit

Getting Started

Each component contains its own Getting Started documentation.

版本与发布记录

@aurodesignsystem-dev/auro-formkit 共发布 1,428 个版本,首次发布于 2025/05/21;过去 12 个月发布了 909 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
0.0.0-pr1627.0latest2026/10/0930 天前
0.0.0-pr1624.12026/10/071 个月前
0.0.0-pr1625.12026/10/071 个月前
0.0.0-pr1625.02026/10/071 个月前
0.0.0-pr1624.02026/10/061 个月前
0.0.0-pr1619.02026/09/241 个月前

其他发布通道:afb → 5.2.3-afb.1.0.0,fs → 5.8.1-fs.1.0.0。

关于 @aurodesignsystem-dev/auro-formkit 的常见问题

@aurodesignsystem-dev/auro-formkit 是什么?

A collection of web components used to build forms.

如何安装 @aurodesignsystem-dev/auro-formkit?

在项目目录运行 npm install @aurodesignsystem-dev/auro-formkit,或使用 pnpm add / yarn add / bun add。

@aurodesignsystem-dev/auro-formkit 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@aurodesignsystem-dev/auro-formkit 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@aurodesignsystem-dev/auro-formkit 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js >=20。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@aurodesignsystem-dev/auro-formkit 可以商用吗?

@aurodesignsystem-dev/auro-formkit 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。

@aurodesignsystem-dev/auro-formkit 的下载量有多少?

根据 npm 官方下载统计,@aurodesignsystem-dev/auro-formkit 在 2026/10/07 – 2026/11/05 这 30 天内被下载 2,209 次,日均约 74 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@aurodesignsystem-dev/auro-formkit 还在维护吗?

最新版本 0.0.0-pr1627.0 发布于 2026/10/09(30 天前);至今共发布 1428 个版本,其中过去 12 个月发布了 909 个;首次发布于 2025/05/21。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。