- This is a fork of the radix-vue repository. This package is currently used by the Cedar team.
- Requirements:
pnpm
- Developer workflow: run
pnpm install
, make changes, build withpnpm build
, and commit all changes.
- Moved
dependencies
andpeerDependencies
frompackages/radix-vue/package.json
topackage.json
- Removed the forced
tabindex
inpackages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue
- Removed all
.gitignore
entries fordist
folders, to provide a no-build solution - Built the
radix-vue
package and committed thedist
folder - Changed
link:
entries inpackage.json
files to usefile:
An unofficial Vue port of Radix UI.
Radix is an unstyled, customisable UI Library with built in accessibility for building top quality design systems.
Documentation | Getting Started | Examples | Why Radix Vue?
pnpm add radix-vue
npm install radix-vue
yarn add radix-vue
For full documentation, visit radix-vue.com.
For changelog, visit releases.
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!
- Clone the repo
- Run
pnpm i
- Run
pnpm build
to run buildradix-vue
locally - Run
pnpm docs:dev
to run vitepress - Open
http://localhost:5173
- Clone the repo
- Run
pnpm i
- Run
pnpm story:dev
to run histoire (storybook) - Open
http://localhost:6006
All credits go to these open-source works and resources
- 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