@lai9fox/bem

BEM 类名生成器

通过 block、element、modifier 等方法生成 BEM 类名,支持 TypeScript 类型检查。

// output
acme-button acme-button__icon acme-button--disabled

安装

$ npm i @lai9fox/bem

适用于组件库与业务组件

用 namespace 设置类名前缀,用条件对象按组件状态组合类名。支持 JavaScript 和 TypeScript,不依赖 UI 框架。

文档

快速上手 — 创建带图标的按钮,添加样式和禁用状态。

API 参考 — 查看方法、类型、配置和校验规则。

示例 — 根据下载状态更新按钮和图标的类名。