Radix Vue Vue Port of Radix UI
} from "radix-vue"; <template> <AccordionRoot> <AccordionItem class=" border border-gray-400 rounded-2xl data-[state=open]:border-b-2 data-[state=open]:border-gray-800 " value="item-1" /> <!-- ... --> </AccordionRoot> </template> Extending ...
vue import{RadioGroupIndicator,RadioGroupItem,RadioGroupRoot}from'radix-vue'import{ref}from'vue'constradioStateSingle=ref('default')<template><RadioGroupRootv-model="radioStateSingle"class="flex flex-col gap-2.5"default-value="default"aria-label="View density"><RadioGroupItemid="r1"class="bg-...
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 ...
import antfu from '@antfu/eslint-config' export default antfu( { vue: { overrides: { 'vue/max-attributes-per-line': ['error', { singleline: 1, multiline: 1, }], }, }, typescript: true, markdown: { overrides: { 'vue/max-attributes-per-line': 'off', // in documentation we...
"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 UI for doing all the hard work to make sure components are accessible Floating UI for creating powerful components that as the base of many Radix Vue components VueUse for providing many useful utilities. Ark UI for the <Primitive> component Radix Svelte Headless UI...
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...
使用RadixUI和 TailwindCSS构建的设计精美的组件,支持 Toast、Toggle、Toggle Group、Toolbar、 Navigation Menu。 项目地址:https://github.com/shadcn/ui 这不是一个组件库。它是可重复使用的组件的集合,您可以将其复制并粘贴到您的应用中。 不是组件库是什么意思?
Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps. - radix-vue/eslint.config.mjs at main · GavinLucky/radix-vue