Radix Angular

This version is not yet stable.

It is very important for me to maintain API compatibility provided by the Radix primitives. However, there are some features that I would prefer not to carry over. For example, the horizontal arrangement of radio buttons — I have indicated the reason in the code as to why this should be avoided.

Radix-NG is an unofficial Angular port of Radix UI, thus we share the same principal and vision when building primitives.

Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

Documentation

Visit https://radix-ng.com to view documentation.

Showcase

AnalogJS version Taxonomy – https://primitives-taxonomy.vercel.app/

Project structure

.
├── apps
│   ├── docs               (//TODO: landing and docs)
│   └── showcase-taxonomy  (AnalogJS showcase Taxonomy app)
└── packages
    ├── components         (components based on primitives with custom styling)
    └── primitives         (headless primitives UI without any styling)

Primitives Roadmap

• [ ] Accordion ((will be based on angular/cdk))
• [ ] Alert Dialog
• [x] Avatar
• [x] Checkbox (need it more adaptation for FormGroup)
• [ ] Collapsible
• [ ] Context Menu
• [ ] Dialog (will be based on angular/cdk)
• [ ] Dropdown
• [ ] Hover Card
• [x] Label
• [ ] Menubar
• [ ] Navigation Menu
• [ ] Popover
• [x] Progress
• [x] Radio
• [ ] Select
• [x] Separator
• [x] Switch
• [ ] Tabs
• [ ] Toast
• [x] Toggle
• [x] Toggle Group
• [ ] Toolbar
• [ ] Tooltip

Community

We're excited to see the community adopt, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

• Join our Discord
• Join our Telegram
• GitHub Discussions

License

MIT