base on Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps. <br /> <p align="center"> <a href="https://github.com/unovue/radix-vue"> <img src="https://www.radix-vue.com/logo.svg" alt="Logo" width="150" /> </a> <h1 align="center"> Radix Vue </h1> <p align="center"> An unofficial Vue port of Radix UI. <br> Radix is an unstyled, customisable UI Library with built in accessibility for building top quality design systems. <p> <p align="center"> <a href='https://github.com/unovue/radix-vue/actions/workflows/test.yml'> </a> <a href="https://www.npmjs.com/package/radix-vue" target="__blank"><img src="https://img.shields.io/npm/v/radix-vue?style=flat&colorA=002438&colorB=41c399" alt="NPM version"></a> <a href="https://www.npmjs.com/package/radix-vue" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/radix-vue?flat&colorA=002438&colorB=41c399"></a> <a href="https://github.com/unovue/radix-vue" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/unovue/radix-vue?flat&colorA=002438&colorB=41c399"></a> </p> <p align="center"> <a href="https://chat.radix-vue.com"><b>Get involved!</b></a> </p> <p align="center"> <a href="https://radix-vue.com">Documentation</a> | <a href="https://www.radix-vue.com/overview/getting-started.html">Getting Started</a> | <a href="https://www.radix-vue.com/">Examples</a> | <a href="https://www.radix-vue.com/overview/introduction.html">Why Radix Vue?</a> </p>  <em>design by: [icarusgkx](https://twitter.com/icarusgkx), [melkam](https://github.com/MellKam)</em> ## Installation ```bash pnpm add radix-vue ``` ```bash npm install radix-vue ``` ```bash yarn add radix-vue ``` ## Documentation For full documentation, visit [radix-vue.com](https://radix-vue.com). ## Releases For changelog, visit [releases](https://github.com/unovue/radix-vue/releases). ## Contributing We would love to have your contributions! All PRs all welcomed! We need help building the core components, docs, tests, stories! Join our discord and we will get you up and running! ## Dev Setup ### Docs 1. Clone the repo 2. Run `pnpm i` 3. Run `pnpm build` to run build `radix-vue` locally 3. Run `pnpm docs:dev` to run vitepress 4. Open `http://localhost:5173` ### Package 1. Clone the repo 2. Run `pnpm i` 3. Run `pnpm story:dev` to run histoire (storybook) 4. Open `http://localhost:6006` ## Authors - [Khairul Haaziq](https://github.com/k11q) - [Mujahid Anuar](https://github.com/mujahidfa) - [Zernonia](https://github.com/zernonia) ## Credits All credits go to these open-source works and resources - [Radix UI](https://radix-ui.com) for doing all the hard work to make sure components are accessible - [Floating UI](https://floating-ui.com) for creating powerful components that as the base of many Radix Vue components - [VueUse](https://vueuse.org) for providing many useful utilities. - [Ark UI](https://ark-ui.com) for the `<Primitive>` component - [Radix Svelte](https://radix-svelte.com) - [Headless UI](https://headlessui.com) ", Assign "at most 3 tags" to the expected json: {"id":"8087","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"