Vue Port of Radix UI
vue import { Icon } from '@iconify/vue' import { ref } from 'vue' import { NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, } from 'radix-vue' import NavigationMenuListItem f...
"name":"radix-vue-select", "scripts": { "start":"vite" }, "dependencies": { "@iconify/vue":"latest", "@radix-ui/colors":"latest", "@vueuse/core":"^10.9.0", "radix-vue":"1.4.9", "vue":"latest" }, "devDependencies": { ...
Radix Vue An unofficial Vue port of Radix UI. Radix is an unstyled, customisable UI Library with built in accessibility for building top quality design systems. Get involved! Documentation|Getting Started|Examples|Why Radix Vue? design by:icarusgkx,melkam ...
v0.3.0 97a6369 🚀 Features Implement utilities from radix vue - by @zernonia in #89 (d4912) ⚠️ Important: We've move useEmitAsProps into radix-vue, and introduced multiple useful composable as part of the utilities from the library. Thus, please update radix-vue to 0.4.1 ...
Radix Vue正式更名为Reka UI,并带来四大核心升级:⭐️ 表单组件重构:优化v-model使用体验,更符合Vue开发者直觉🎛️ 深度开放:新增多个组件内部API、工具函数和插槽接口📊 虚拟化支持:大幅优化大数据场景下的渲染性能🔧 架构调整:模块化设计让二次开发更便捷#前端开发 #MAUI UI框架 #技术升级 #开源项目...
Radix Vue An unofficial Vue port of Radix UI. Radix is an unstyled, customisable UI Library with built in accessibility for building top quality design systems. Get involved! Documentation | Getting Started | Examples | Why Radix Vue? design by: icarusgkx, melkam Installation pnpm add rad...
npm i @vue-formify/radix-vue 💻 Usage You only need to import the root components from this package. Any other part of the components need to be imported fromradix-vue. import{SwitchRoot}from'@vue-formify/ionic-vue';import{SwitchThumb}from'radix-vue'constsend=(data:any)=>{console.log...
vue import { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot } from 'radix-vue' import { ref } from 'vue' const radioStateSingle = ref('default') <template> <RadioGroupRoot v-model="radioStateSingle" class="flex flex-col gap-2.5" default-value="default" aria-label="View density...
vue import { ref } from 'vue' import { HoverCardArrow, HoverCardContent, HoverCardPortal, HoverCardRoot, HoverCardTrigger } from 'radix-vue' const hoverState = ref(false) <template> <HoverCardRoot v-model:open="hoverState"> <HoverCardTrigger class="inline-block cursor-pointer rounded-...