Skip to content

LanshanTeam/LanUI

Repository files navigation

LanUI

[LanUI],是一款基于 storybook,由 React + TypeScriptJest + jest + React Testing Library 开发的组件库 🎉。

UI 设计方面会参考chakra 组件库

项目地址

一键式配置组件库开发环境

  • 先安装 npm 包:npm install wjy-component

  • 执行配置命令:zr create + 文件夹名称

  • 选择LanUI

  • 选择版本1.0.0

  • over

  • cli 源码见:https://github.com/wjywy/componentLibrary

✨ 特性

  • 🌈 提炼组件库设计良好的视觉风格
  • 📦 渐进式探索高质量的前端代码的实现
  • 🛡 使用 TypeScript 开发,提升开发体验
  • ✅ 使用单元测试,为组件稳定性保驾护航
  • 📖 提供开发过程的文档思路,助力你学习组件开发
  • 🔖 欢迎贡献组件代码,探索最佳实践

📦 安装

使用 npm 安装(推荐)

npm install lanblue

🔨 示例

import { Button } from 'lanblue';

const App = () => (
    <>
        <Button primary label="primary Button"></Button>
    </>
);

计划

🚧 开发中......

  • 开发 Upload、select、form、table、progress、picker、icon、breadcrumb、input、switch、grid、message 等组件
  • 添加切换主题功能

✨ 已完成

  • CSS 样式解决方案、初始化文件结构、UI 设计
  • 开发 Button Alert Input VirtualList 组件
  • 部分组件的测试

求助

  • 来个 UI 大 die