Concis

快速构建 React 应用程序的高性能、轻量级 UI 库。 stars

[English](./README.md) | 简体中文

# 特征 ## 全面拥有 50 多种开箱即用的高质量组件，可以覆盖绝大部分业务场景。 ## 主题配置海量色彩，支持全局引入使用： - [色彩系统-内置主题色](https://concis.org.cn/#/guide/xcolor) - [暗黑模式&主题色双支持](https://concis.org.cn/#/guide/udark) ## 基于 TypeScript 所有组件都是用 TypeScript 编写的，所以天然的类型友好。 # 安装 [npm package](https://www.npmjs.com/package/concis) ```bash // with npm npm install concis@latest // with yarn yarn add concis@latest ``` # 例子 ```typescript import React from 'react'; import ReactDOM from 'react-dom'; import { Button } from 'concis'; import 'concis/web-react/style/index.css'; function App() { return ; } ReactDOM.render(, document.getElementById('app')); ``` # 本地体验在 examples 文件夹中，有一个 `vite` + `react` 的工程运行环境，你可以在该环境中体验 `concis` 组件，在项目根目录运行命令: ```tsx pure pnpm examples:dev ``` 访问`http://localhost:5173`。

# 相关链接 - [官网](https://concis.org.cn/#/) - [组件文档](https://concis.org.cn/#/common/button) - [指南介绍](https://concis.org.cn/#/guide/introduce) - [快速上手](https://concis.org.cn/#/guide/teuse) # 浏览器支持 | [

](http://godban.github.io/browsers-support-badges/)
IE / Edge | [

](http://godban.github.io/browsers-support-badges/)
Firefox | [

](http://godban.github.io/browsers-support-badges/)
Chrome | [

](http://godban.github.io/browsers-support-badges/)
Safari | [

](http://godban.github.io/browsers-support-badges/)
Opera | [

](http://godban.github.io/browsers-support-badges/)
Electron | | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Edge 16 | 31 | 49 | 31 | 36 | last 2 versions | # 参与贡献贡献之前请先阅读[贡献指南](https://concis.org.cn/#/guide/zcontribute)。感谢所有为 Concis 做过贡献的人!