Package Exports
- tdesign-vue-next
- tdesign-vue-next/cjs/index-lib.js
- tdesign-vue-next/es/index.mjs
- tdesign-vue-next/es/style/index.css
- tdesign-vue-next/esm/affix
- tdesign-vue-next/esm/affix/index.js
- tdesign-vue-next/esm/alert
- tdesign-vue-next/esm/alert/index.js
- tdesign-vue-next/esm/anchor
- tdesign-vue-next/esm/anchor/index.js
- tdesign-vue-next/esm/avatar
- tdesign-vue-next/esm/avatar/index.js
- tdesign-vue-next/esm/badge
- tdesign-vue-next/esm/badge/index.js
- tdesign-vue-next/esm/breadcrumb
- tdesign-vue-next/esm/breadcrumb/index.js
- tdesign-vue-next/esm/button
- tdesign-vue-next/esm/button/index.js
- tdesign-vue-next/esm/calendar
- tdesign-vue-next/esm/calendar/index.js
- tdesign-vue-next/esm/card
- tdesign-vue-next/esm/card/index.js
- tdesign-vue-next/esm/cascader
- tdesign-vue-next/esm/cascader/index.js
- tdesign-vue-next/esm/checkbox
- tdesign-vue-next/esm/checkbox/index.js
- tdesign-vue-next/esm/collapse
- tdesign-vue-next/esm/collapse/index.js
- tdesign-vue-next/esm/comment
- tdesign-vue-next/esm/comment/index.js
- tdesign-vue-next/esm/common/style/web/components/affix/_index.less
- tdesign-vue-next/esm/common/style/web/components/alert/_index.less
- tdesign-vue-next/esm/common/style/web/components/anchor/_index.less
- tdesign-vue-next/esm/common/style/web/components/avatar/_index.less
- tdesign-vue-next/esm/common/style/web/components/badge/_index.less
- tdesign-vue-next/esm/common/style/web/components/breadcrumb/_index.less
- tdesign-vue-next/esm/common/style/web/components/button/_index.less
- tdesign-vue-next/esm/common/style/web/components/calendar/_index.less
- tdesign-vue-next/esm/common/style/web/components/card/_index.less
- tdesign-vue-next/esm/common/style/web/components/cascader/_index.less
- tdesign-vue-next/esm/common/style/web/components/checkbox/_index.less
- tdesign-vue-next/esm/common/style/web/components/collapse/_index.less
- tdesign-vue-next/esm/common/style/web/components/comment/_index.less
- tdesign-vue-next/esm/common/style/web/components/date-picker/_index.less
- tdesign-vue-next/esm/common/style/web/components/dialog/_index.less
- tdesign-vue-next/esm/common/style/web/components/divider/_index.less
- tdesign-vue-next/esm/common/style/web/components/drawer/_index.less
- tdesign-vue-next/esm/common/style/web/components/dropdown/_index.less
- tdesign-vue-next/esm/common/style/web/components/form/_index.less
- tdesign-vue-next/esm/common/style/web/components/grid/_index.less
- tdesign-vue-next/esm/common/style/web/components/guide/_index.less
- tdesign-vue-next/esm/common/style/web/components/image-viewer/_index.less
- tdesign-vue-next/esm/common/style/web/components/image/_index.less
- tdesign-vue-next/esm/common/style/web/components/input-adornment/_index.less
- tdesign-vue-next/esm/common/style/web/components/input-number/_index.less
- tdesign-vue-next/esm/common/style/web/components/input/_index.less
- tdesign-vue-next/esm/common/style/web/components/layout/_index.less
- tdesign-vue-next/esm/common/style/web/components/link/_index.less
- tdesign-vue-next/esm/common/style/web/components/list/_index.less
- tdesign-vue-next/esm/common/style/web/components/loading/_index.less
- tdesign-vue-next/esm/common/style/web/components/menu/_index.less
- tdesign-vue-next/esm/common/style/web/components/message/_index.less
- tdesign-vue-next/esm/common/style/web/components/notification/_index.less
- tdesign-vue-next/esm/common/style/web/components/pagination/_index.less
- tdesign-vue-next/esm/common/style/web/components/popconfirm/_index.less
- tdesign-vue-next/esm/common/style/web/components/popup/_index.less
- tdesign-vue-next/esm/common/style/web/components/progress/_index.less
- tdesign-vue-next/esm/common/style/web/components/radio/_index.less
- tdesign-vue-next/esm/common/style/web/components/range-input/_index.less
- tdesign-vue-next/esm/common/style/web/components/rate/_index.less
- tdesign-vue-next/esm/common/style/web/components/select-input/_index.less
- tdesign-vue-next/esm/common/style/web/components/select/_index.less
- tdesign-vue-next/esm/common/style/web/components/skeleton/_index.less
- tdesign-vue-next/esm/common/style/web/components/slider/_index.less
- tdesign-vue-next/esm/common/style/web/components/space/_index.less
- tdesign-vue-next/esm/common/style/web/components/steps/_index.less
- tdesign-vue-next/esm/common/style/web/components/swiper/_index.less
- tdesign-vue-next/esm/common/style/web/components/switch/_index.less
- tdesign-vue-next/esm/common/style/web/components/table/_index.less
- tdesign-vue-next/esm/common/style/web/components/tabs/_index.less
- tdesign-vue-next/esm/common/style/web/components/tag-input/_index.less
- tdesign-vue-next/esm/common/style/web/components/tag/_index.less
- tdesign-vue-next/esm/common/style/web/components/textarea/_index.less
- tdesign-vue-next/esm/common/style/web/components/time-picker/_index.less
- tdesign-vue-next/esm/common/style/web/components/tooltip/_index.less
- tdesign-vue-next/esm/common/style/web/components/transfer/_index.less
- tdesign-vue-next/esm/common/style/web/components/tree-select/_index.less
- tdesign-vue-next/esm/common/style/web/components/tree/_index.less
- tdesign-vue-next/esm/common/style/web/components/upload/_index.less
- tdesign-vue-next/esm/config-provider
- tdesign-vue-next/esm/config-provider/index.js
- tdesign-vue-next/esm/date-picker
- tdesign-vue-next/esm/date-picker/index.js
- tdesign-vue-next/esm/dialog
- tdesign-vue-next/esm/dialog/index.js
- tdesign-vue-next/esm/dialog/plugin
- tdesign-vue-next/esm/dialog/plugin.js
- tdesign-vue-next/esm/divider
- tdesign-vue-next/esm/divider/index.js
- tdesign-vue-next/esm/drawer
- tdesign-vue-next/esm/drawer/index.js
- tdesign-vue-next/esm/dropdown
- tdesign-vue-next/esm/dropdown/index.js
- tdesign-vue-next/esm/form
- tdesign-vue-next/esm/form/index.js
- tdesign-vue-next/esm/grid
- tdesign-vue-next/esm/grid/index.js
- tdesign-vue-next/esm/guide
- tdesign-vue-next/esm/guide/index.js
- tdesign-vue-next/esm/image-viewer
- tdesign-vue-next/esm/image-viewer/index.js
- tdesign-vue-next/esm/input
- tdesign-vue-next/esm/input-adornment
- tdesign-vue-next/esm/input-adornment/index.js
- tdesign-vue-next/esm/input-number
- tdesign-vue-next/esm/input-number/index.js
- tdesign-vue-next/esm/input/index.js
- tdesign-vue-next/esm/layout
- tdesign-vue-next/esm/layout/index.js
- tdesign-vue-next/esm/link
- tdesign-vue-next/esm/link/index.js
- tdesign-vue-next/esm/list
- tdesign-vue-next/esm/list/index.js
- tdesign-vue-next/esm/loading
- tdesign-vue-next/esm/loading/index.js
- tdesign-vue-next/esm/loading/plugin
- tdesign-vue-next/esm/loading/plugin.js
- tdesign-vue-next/esm/menu
- tdesign-vue-next/esm/menu/index.js
- tdesign-vue-next/esm/message
- tdesign-vue-next/esm/message/index.js
- tdesign-vue-next/esm/message/plugin
- tdesign-vue-next/esm/message/plugin.js
- tdesign-vue-next/esm/notification
- tdesign-vue-next/esm/notification/index.js
- tdesign-vue-next/esm/notification/plugin
- tdesign-vue-next/esm/notification/plugin.js
- tdesign-vue-next/esm/pagination/props
- tdesign-vue-next/esm/pagination/props.js
- tdesign-vue-next/esm/popconfirm
- tdesign-vue-next/esm/popconfirm/index.js
- tdesign-vue-next/esm/popup
- tdesign-vue-next/esm/popup/index.js
- tdesign-vue-next/esm/progress
- tdesign-vue-next/esm/progress/index.js
- tdesign-vue-next/esm/radio
- tdesign-vue-next/esm/radio/index.js
- tdesign-vue-next/esm/range-input
- tdesign-vue-next/esm/range-input/index.js
- tdesign-vue-next/esm/rate
- tdesign-vue-next/esm/rate/index.js
- tdesign-vue-next/esm/select
- tdesign-vue-next/esm/select-input
- tdesign-vue-next/esm/select-input/index.js
- tdesign-vue-next/esm/select/index.js
- tdesign-vue-next/esm/skeleton
- tdesign-vue-next/esm/skeleton/index.js
- tdesign-vue-next/esm/slider
- tdesign-vue-next/esm/slider/index.js
- tdesign-vue-next/esm/space
- tdesign-vue-next/esm/space/index.js
- tdesign-vue-next/esm/steps
- tdesign-vue-next/esm/steps/index.js
- tdesign-vue-next/esm/swiper
- tdesign-vue-next/esm/swiper/index.js
- tdesign-vue-next/esm/switch
- tdesign-vue-next/esm/switch/index.js
- tdesign-vue-next/esm/table
- tdesign-vue-next/esm/table/index.js
- tdesign-vue-next/esm/tabs
- tdesign-vue-next/esm/tabs/index.js
- tdesign-vue-next/esm/tag
- tdesign-vue-next/esm/tag-input
- tdesign-vue-next/esm/tag-input/index.js
- tdesign-vue-next/esm/tag/index.js
- tdesign-vue-next/esm/textarea
- tdesign-vue-next/esm/textarea/index.js
- tdesign-vue-next/esm/time-picker
- tdesign-vue-next/esm/time-picker/index.js
- tdesign-vue-next/esm/tooltip
- tdesign-vue-next/esm/tooltip/index.js
- tdesign-vue-next/esm/transfer
- tdesign-vue-next/esm/transfer/index.js
- tdesign-vue-next/esm/tree
- tdesign-vue-next/esm/tree-select
- tdesign-vue-next/esm/tree-select/index.js
- tdesign-vue-next/esm/tree/index.js
- tdesign-vue-next/esm/upload
- tdesign-vue-next/esm/upload/index.js
- tdesign-vue-next/esm/utils/withInstall.js
- tdesign-vue-next/esm/watermark
- tdesign-vue-next/esm/watermark/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tdesign-vue-next) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
English | 简体中文
TDesign Vue Next is a UI component library for Vue 3 and desktop application.
🎉 Features
- Desktop application interaction
- High quality UI components for Vue 3.x
- Consistent API and UI with TDesign component libraries for other frameworks
- Dark mode and customizable theme
- Support tree-shaking
📦 Installation
npm i tdesign-vue-next
🔨 Usage
import { createApp } from 'vue';
import { Button } from 'tdesign-vue-next';
import 'tdesign-vue-next/es/style/index.css';
import App from './app.vue';
const app = createApp(App);
app.use(Button);
The package of tdesign-vue-next 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 Vue Next UI components.
Browser Support
![]() |
![]() |
![]() |
![]() |
---|---|---|---|
Edge >=84 | Firefox >=83 | Chrome >=84 | Safari >=14.1 |
Read our browser compatibility for more details.
TDesign component libraries
TDesign also provides component libraries for other platforms and frameworks.
- component library for Vue 2.x : tdesign-vue
- component library for React : tdesign-react
- component library for Wechat miniprogram : tdesign-miniprogram
Contributing
Contributing is welcome. Read guidelines for contributing before submitting your Pull Request.
Contributors
Feedback
Create your Github issues or scan the QR code below to join our user groups

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