npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

tinkerbell-ui-react

v0.5.6

Published

一款简单而又优雅的开源 react 组件库

Readme

tinkerbell-ui-react

Made with create-react-library

NPM JavaScript Style Guide

tinkerbell-ui 一款简单而优雅的 ui 框架

适用于Web的React UI工具包。

链接

安装

npm install --save tinkerbell-ui-react

yarn add --save tinkerbell-ui-react

快速开始

import React, { Component } from 'react'

import MyComponent from 'tinkerbell-ui-react'
import 'tinkerbell-ui-react/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}

0.1.1 完成 Button 按钮、Icon 图标组件

0.1.2 完成 Row、Col 布局组件

0.1.3 完成 Link 链接组件

0.1.4 完成 Layout布局、Radio、RadioButton、RadioGroup 单选组件

0.1.5 完成 Checkbox CheckboxGroup多选组件、完善Row、Col布局组件

0.1.6 完成 Tag 标签组件

0.1.7 完成 InputColor、ColorPicker 颜色选择器组件

0.1.8 完成 Calendar 日历选择器组件

0.1.9 完成 Tootip 文字提示气泡框组件

0.2.0 完成 Showmore 文本省略组件

0.2.1 完成 Divider 分割线组件

0.2.2 完成调整 Badge 小红点组件

0.2.3 完成 Avatar 头像展示组件

0.2.4 完成 Backtop 回到顶部组件、及变更对应的Button、Avatar样式等问题

0.2.5 完成 Carousel 跑马灯轮播图组件

0.2.6 完成 卡片 Card 样式组件

0.2.7 完成 PageHeader 返回页头组件

0.2.8 完成 Rate 评分组件

0.2.9 新增路由功能 及完成面包屑Breadcrumb、BreadcrumbItem组件

0.3.0 使用 ref 暴露 useState 方法完成 LodingBar 加载进度条组件

0.3.1 完成 Alert 警告展示条组件

0.3.2 完成 Progress 进度条组件

0.3.3 完成 Switch 开关组件

0.3.4 完成 TimeLineItem 、TimeLineItem 时间线组件

0.3.5 完成 Message 弹出框组件(因版本 发包工具调试,导致安装包不完善,已在0.3.6版本进行修复调整,请不要下载此版本)

0.3.6 修复完善 Message 弹出框组件、及对应 eslint 文本格式化等

0.3.7 完成 Notification 通知弹窗组件

0.3.8 完成 Steps、Step 步骤条组件

0.3.9 新增完成 Upload 上传组件(内附带拖拽功能)dev启动项未屏蔽请勿下载此版本

0.4.0 重新上传 Upload 功能

0.4.1 完成 Tabs、TabsPane 标签页组件

0.4.2 完成 Popover 弹出提示框组件

0.4.3 完成 Dialog 弹出框组件

0.4.4 完成 Input 输入框组件

0.4.5 完成 InputNumber 数字文本框组件

0.4.6 完成 MessageBox 编程式弹窗组件

0.4.7 完成 Select、Option、OptionGroup 下选框 单选多选组件

0.4.8 完成 DaysPicker 时间选择器组件

0.4.9 完成 Cascader 级联选择器组件

0.5.0 完成 Menu、SubMenu、MenuItem、MenuItemGroup 导航菜单组件、及手风琴 Collapse 组件

0.5.1 完成 Form、FormItem 表单组件、并修复一系列表单组件Bug (校验类型、Change变更类型等)

0.5.2 完成 Table 表格组件

0.5.3 完成 Pagination 页码组件

0.5.4 优化node版本 sass匹配、各类组件bug问题等

0.5.5 解决引入依赖项报错问题

0.5.6 解决 React、ReactDom 18 版本控制台报错问题 Message、Loadingbar、MessageBox、Notification 弹窗销毁报错问题

License

MIT © hanbingxu82

如有需要及时联系

[email protected]