Home

Awesome

<p align="center"> <a href="https://tdesign.tencent.com/" target="_blank"> <img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/site/TDesign.png" /> </a> </p> <p align="center"> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/l/tdesign-react.svg?sanitize=true" alt="License" /> </a> <a href="https://app.codecov.io/gh/Tencent/tdesign-react"> <img src="https://img.shields.io/codecov/c/github/Tencent/tdesign-react/develop.svg?style=flat-square" alt="codecov"> </a> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/v/tdesign-react.svg?sanitize=true" alt="Version"> </a> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/dm/tdesign-react.svg?sanitize=true" alt="Downloads" /> </a> </p>

English | įŽ€äŊ“中文

TDesign React is a UI component library for React 16.x and desktop application.

🎉 Features

đŸ“Ļ Installation

npm i tdesign-react

yarn add tdesign-react

pnpm add tdesign-react

🔨 Usage

import React from 'react';
import { Button } from 'tdesign-react';
import 'tdesign-react/es/style/index.css';

function App() {
  return <Button>Hello TDesign</Button>;
}

ReactDOM.createRoot(document.getElementById('app')).render(<App />);

The package of tdesign-react provides kinds of bundles, read the documentation for the detail of differences between bundles.

Quick Start

Visit TDesign Starter to experience in the application built with TDesign React UI components.

Browser Support

<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /><br/> IE / Edge<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br/>Firefox<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br/>Chrome<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /><br/>Safari
Edge >=84Firefox >=83Chrome >=84Safari >=14.1

Read our browser compatibility for more details.

TDesign component libraries

TDesign also provides component libraries for other platforms and frameworks.

Contributing

Contributing is welcome. Read guidelines for contributing before submitting your Pull Request.

Contributors

<a href="https://github.com/tencent/tdesign-react/graphs/contributors"> <img src="https://contrib.rocks/image?repo=tencent/tdesign-react" /> </a>

Feedback

Create your Github issues or scan the QR code below to join our user groups

<img src="https://raw.githubusercontent.com/Tencent/tdesign/main/packages/components/src/images/groups/react-group.png" width="200" />

License

The MIT License. Please see the license file for more information.