@timmo001 / groundwork-ui

基础的web组件：无框架自定义元素样式 --gw-* 令牌从 @timmo001/groundwork-tokens.

安装

bun add -E @timmo001/groundwork-ui @timmo001/groundwork-tokens

使用

导入一次主题CSS，然后导入组件。导入包定义 每一个 gw- 元素。

import "@timmo001/groundwork-tokens/themes.css";
import "@timmo001/groundwork-ui";

<html data-gw-theme="base" data-gw-mode="dark">
  <gw-button appearance="filled">Save</gw-button>
</html>

这个包附带了TypeScript源代码，所以它需要一个打包器来编译它， 比如Vite， Astro或Bun。

每个组件及其属性、插槽、部件和事件都记录在 groundwork.timmo.dev /组件.

自定义元素清单

包裹运送 custom-elements.json,一个 自定义元素清单 从每个元素的类docstring生成，并从 customElements 在 package.json． 编辑器, lit-analyzer 和框架 包装器读取它来获取元素的属性、属性、槽、部件和 事件。 mise run gen 写出来，然后 mise run check 当它不新鲜时就会失效。