Tonic UI 开源项目教程

魏侃纯Zoe

于 2024-09-28 07:49:07 发布

阅读量272

点赞数 9

本文链接：https://blog.csdn.net/gitblog_00281/article/details/142609347

版权

Tonic UI 开源项目教程

tonic-ui Tonic UI is a UI component library for React, built with Emotion and Styled System. It is designed to be easy to use and easy to customize. 项目地址: https://gitcode.com/gh_mirrors/to/tonic-ui

1. 项目介绍

Tonic UI 是一个基于 React 的 UI 组件库，使用 Emotion 和 Styled System 构建。它旨在提供易于使用和易于定制的 UI 组件，适用于各种 React 项目。Tonic UI 提供了统一的颜色主题提供者，可以轻松地在深色和浅色模式之间切换，并且具有低门槛的 UI 组件定制功能。

2. 项目快速启动

安装

首先，确保你已经安装了 Node.js 和 npm。然后，通过以下命令安装 Tonic UI：

npm install @tonic-ui/react

使用

在你的 React 项目中引入 Tonic UI 组件，例如：

import React from 'react';
import { Button } from '@tonic-ui/react';

function App() {
  return (
    <div>
      <Button variant="primary">点击我</Button>
    </div>
  );
}

export default App;