@allxsmith/ bestax-bulma (英语)
TypeScript- First React 组件库 布尔玛 v1 CSS框架——80+已完全打入,可树摇动组件,包括卡卢塞尔,Dialog,Sidebar,Steps等额外部件和取出日期/时间.
需要反应 ^18 || ^19。 。 。 . Bulma v1是唯一的运行时间依赖并自动安装.
部分 最佳单曲 - 另见 create-bestax 用于脚手架新项目.
综合文件
寻找完整的文件、指南、参考文献和最佳做法?
👉 拜访我们的官方文件 https://bestax.io (英语)
文件网站是了解所有最优等功能、使用模式和更新的最佳场所。 我们强烈建议把文件作为主要资源!
开始
刚开始? 脚手架上有一个准备就绪的应用程序: npm create bestax@latest my-app。 。 。 .
1. 安装软件包
npm install @allxsmith/bestax-bulma
# or
pnpm add @allxsmith/bestax-bulma
2. 进口中央支助系统
库将自己的CSS(Bulma v1 + bestax extra)捆绑起来. 在您的 JS/ TS 主文件中导入一次 :
import '@allxsmith/bestax-bulma/bestax.css';
喜欢的股票 Bulma? 这也是可行的,加上 extras.css 用于仅用于最佳组件样式:
import 'bulma/css/bulma.min.css';
import '@allxsmith/bestax-bulma/extras.css';
更多的口味作为子路径输出运输——前缀类(versions/bestax-prefixed.css + 键 <ConfigProvider classPrefix="bestax-">),无帮助者,无黑暗模式和原始SCSS at @allxsmith/bestax-bulma/scss/*见 安装指南。 。 。 .
3. (可选) 添加图标库
5个图标库作为可选的同伴依赖性支持 : 字体帅呆了 (单位:千美元)@fortawesome/fontawesome-free),材料设计图标(@mdi/font, (中文(简体) ), ionicons, (中文(简体) ), material-icons,以及 material-symbols。 。 。 .
npm install @fortawesome/fontawesome-free
设置整个应用程序的默认值 ConfigProvider,比如说. <ConfigProvider iconLibrary="fa">。 。 。 .
4. 快速示例
import '@allxsmith/bestax-bulma/bestax.css';
import { Button } from '@allxsmith/bestax-bulma';
function App() {
return (
<Button color="primary" onClick={() => alert('Clicked!')}>
Click Me
</Button>
);
}
export default App;
5. 暗黑模式
将您的应用程序包入 Theme 以覆盖 Bulma 的 --bulma-* CSS 变量并控制颜色方案 :
import { Theme } from '@allxsmith/bestax-bulma';
<Theme isRoot colorMode="system">
{/* colorMode: 'light' | 'dark' | 'system' */}
<App />
</Theme>;
为什么选Bestax-bulma?
- 支持最近的 Bulma v1.x 其他React Bulma图书馆被卡住在 Bulma 0.9.4上——为未来而建造了bestax-bulma.
- 80+组件 所有 Bulma v1, 外加: Carousel, Dialog, Sidebar, Steps, Autocomplete, Taginput, DateInput/TimeInput/ DateTimeInput 拾取器等. (从v2移出? Snackbar 合并为 土司. ) (中文(简体) )
- 已构建的黑暗模式主题( T)
Theme colorMode, (中文(简体) ),--bulma-*变量覆盖,且通过ConfigProvider。 。 。 . - 只有一个依赖: Bulma 每个布尔马图书馆都依靠它——我们自动运送. 安装干净,安全隐患减少.
- 树能变化的无害环境管理
只导入您使用的东西; 您的捆绑器会放下其余的 。 一个CJS大楼在那里
require。 。 。 . - 99%的单位测试覆盖率 由最高法院执行 虚拟配置 - 不只是声称.
- 100% 类型脚本 你和你的团队有完全的安全性.
- 积极开发者支持 问题? 有问题吗? 公关? 获得快速响应和真正的改进.
国家防范机制一揽子计划
查看 npmjs 上的软件包 :
👉 https://www.npmjs.com/package/@allxsmith/bestax-bulma (中文(简体) )
默认硬化
此套件为一跑的依赖深度(Bulma)
- 署名出处 每一次释放都带了石刻证明 将焦油球与确切的犯规联系起来 并且CI运行它。 检查一下 证明 页:1 npm 页,或运行
npm audit signatures在你的项目. - npm OIDC 信任的出版 ——短生,每期合格证;无长生
NPM_TOKEN已存在以被窃取。 释放承诺和标记由GPG签名. - Socket.dev 扫描每个 PR 对于恶意软件,安装脚本,模糊代码, 和特权升级 才能到达
main。 。 。 . - 依赖是故意的行为 ——安装脚本被屏蔽,除非单独允许列出,新公布的版本被拒绝3天,CI只安装被审查的锁文件所解决的.
- 每一次GitHub行动都要全力以赴,所以一个已失密的动作发布不能默默地卷入这个包的构建.
- 编码QL、依赖审查和依赖 连续运行,与高分
pnpm audit有门. - 合并前分层的 AI 审查 —— 说 代码 加上独立的对抗克洛德审查(与写AI作者的更改不同的模式),在要求的绿色CI,批准审查以及人与人合并.
全部细节 : SECURITY.md • 妇女 安保指南
页:1
如欲获取完整文件、指南和最佳做法,请使用我们的官方文件网址:
总是提到 文档网站 第一条:
这是最完整和最新的源 所有最优秀的!
· 故事本
探索我们的故事书中的现场互动部分实例:
用于 AI 工具
用人工智能代理(Claude Code, Cursor, Copilot)建造? Bestax-bulma号舰 LLM-优化文件:
-
📘 LLMS 指南 ——如何用人工智能工具使用库
-
📄 页:1 ——整理索引 llms- full.txt (英语) – 一个文件中的完整文件 – 每个文件页也被作为原始标记
-
📦 在 npm 软件包中 - 柏油球舰
llms.txt, (中文(简体) ),AGENTS.md,以及CLAUDE.md指针文件,所以代理正在探索node_modules按文件名分列的这些资源上的地块 -
🧩 代理技能 教你的经纪人最好的方法:
技能 当.. bestax-layout-scaffold将高级请求(dashboard, landing page,.)转换为响应页面 bestax-form建筑表格——外地/管制组成和全部投入库存 bestax-theming自定义颜色、字体、暗模式通过 Theme财务报告和审定财务报表--bulma-*变量bestax-custom-component建立一个超越库存的新定制组件 Bulma,最佳方式 bestax-icons添加图标 — 图标/ IconText 和 五个支持的图标库 bestax-optimize挤压已建成的CSS——口味建筑,模块化Sass,进口卫生 bestax-migrate将应用程序从反应- bulma 组件( v4) 移到 bestax- bulma npx skills add https://github.com/allxsmith/bestax --skill bestax-layout-scaffold新项目自动获得技能
npm create bestax@latest my-app --skills(加上产生的CLAUDE.md) (中文(简体) ).
* 归属
bestax-bulma 建在不可思议的上方 布玛 CSS框架, © 杰里米·托马斯 根据《公约》第19条 MIT 许可证其通知与 软件包在 第三次议会提名(md)。一些实例内容和文件是 改编自Bulma网站 (单位:千美元)CC BY-NC-SA 4.0 (英语)杰里米·托马斯.
如果你觉得Bulma有用,请考虑 赞助杰里米·托马斯 支持委员会继续 发展.
我们与布尔玛或杰里米·托马斯没有任何联系——我们只是大粉丝 布玛框架!
许可证
源代码许可麻省理工学院