base on A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast. <p align="center"> <img width="144px" src="https://naiveui.oss-cn-hongkong.aliyuncs.com/naivelogo.svg" /> </p> <h1 align="center">Naive UI</h1> <p align="center">A Vue 3 Component Library</p> <p align="center"><b>Fairly Complete, Theme Customizable, Uses TypeScript, Fast</b></p> <p align="center">Kinda Interesting</p> <p align="center">English | <a href="README.zh-CN.md">中文</a></p> ## Documentation [www.naiveui.com](http://www.naiveui.com) ## Community - [Discord](https://discord.gg/Pqv7Mev5Dd) - DingTalk Group 1 (Member limit reached) 33482509 - DingTalk Group 2 (Member limit reached) 35886835 - DingTalk Group 3 (Member limit reached) 32377370 - DingTalk Group 4 (Member limit reached) 8165002788 - DingTalk Group 5 (Member limit reached) 31205022250 - DingTalk Group 6 62720001971 - [Awesome Naive UI](https://github.com/naive-ui/awesome-naive) ## Features ### Fairly Complete There are more than 90 components. Hope they can help you write less code. What's more, they are all treeshakable. ### Theme Customizable We provide an advanced type safe theme system built using TypeScript. All you need is to provide a theme overrides object in JS. Then all the stuff will be done by us. What's more, no less/sass/css variables, no webpack loaders are required. ### Uses TypeScript All the stuff in Naive UI is written in TypeScript. It can work with your typescript project seamlessly. What's more, you don't need to import any CSS to use the components. ### Fast I try to make it not rather slow. At least select, tree, transfer, table and cascader work with virtual list. What's more, ..., no more. Just enjoy it. ## Installation ### npm Use npm to install. ```bash npm i -D naive-ui ``` ### Fonts ```bash npm i -D vfonts ``` ### Icons Naive UI recommends using [xicons](https://www.xicons.org) as icon library. ### Design Resources [Naive UI (Sketch)](https://naive-ui.oss-accelerate.aliyuncs.com/NaiveUI-Design-Library-en-US.sketch). ## Contributing Please see [CONTRIBUTING.md](https://github.com/tusen-ai/naive-ui/blob/main/CONTRIBUTING.md). ## License Naive UI is licensed under the [MIT license](https://opensource.org/licenses/MIT). Graphics resources of `result` component is licensed under the [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/). The graphics resources come from [Twemoji](https://github.com/twitter/twemoji). ", Assign "at most 3 tags" to the expected json: {"id":"1934","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"