用途:面向 Svelte 的组件开发技能,覆盖 Web Components、组件库集成、表单模式与第三方集成。
主要能力:提供组件库参考,包括 Bits UI(headless)、Ark UI、Melt UI(primitives);Web Components 构建;高级表单处理。
必要用法:表单无法包裹输入时可用 form 属性关联,例如 <form id="my-form" action="/submit"></form>,输入与按钮通过 form="my-form" 关联。构建自定义元素需在 svelte.config.js 设置 compilerOptions.customElement: true,并在组件中使用 <svelte:options customElement="my-button" />。
参考文件:component-libraries.md(Bits UI、Ark UI 设置)、web-components.md(自定义元素)、form-patterns.md(高级表单处理)。
限制与说明:Bits UI 1.0 为灵活、无样式、可访问的 Svelte 组件;defaultValue 属性便于表单重置;可用 snippets 在自定义 select 选项中包裹富 HTML。资料未提供安装命令、收费与平台信息。最后验证日期 2025-01-14。