Radix Vue
Vue port of Radix UI Primitives. An open-source UI component library for bu...
README
Radix Vue
Why can't vue have nice things?
An unofficial vue port of Radix Primitives.
Radix is an unstyled, customisable UI Library with built in accessibility for building top quality design systems.
Installation
- ```bash
- pnpm install radix-vue
- ```
Documentation
For full documentation, visit radix-vue.com.
Releases
For changelog, visit releases.
Todo
| Component | Usable | Complete API | Complete Accessibility |
| :------------------------------------------------------------------ | :----: | ------------ | ---------------------- |
| Accordion | ✅ | ✅ | ✅ |
| Alert Dialog | ✅ | ✅ | |
| Aspect Ratio | ✅ | ✅ | |
| Avatar | ✅ | ✅ | |
| Checkbox | ✅ | ✅ | |
| Collapsible | ✅ | ✅ | |
| Context Menu | ✅ | | |
| Dialog | ✅ | ✅ | |
| Dropdown Menu | ✅ | | |
| Hover Card | ✅ | ✅ | |
| Label | ✅ | ✅ | ✅ |
| Menubar | ✅ | | |
| Navigation Menu | ✅ | ✅ | |
| Popover | ✅ | | |
| Progress | ✅ | ✅ | ✅ |
| Radio Group | ✅ | ✅ | |
| Scroll Area | ✅ | ✅ | |
| Select | ✅ | | |
| Separator | ✅ | ✅ | |
| Slider | ✅ | | |
| Switch | ✅ | ✅ | |
| Tabs | ✅ | ✅ | |
| Toggle | ✅ | ✅ | |
| Toggle Group | ✅ | ✅ | |
| Toolbar | ✅ | | |
| Tooltip | ✅ | ✅ | |
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. Go to the docs directory : cd docs
2. Run pnpm i --ignore-workspace
3. Run pnpm run dev
Package
1. Clone the repo
2. Run pnpm i
3. Run pnpm story:dev to run histoire (storybook)
4. Open http://localhost:6006
Community
Authors
- Zernonia
Credits
All credits goes to these open-source works and resources
- Radix UI
- Vue Use