Skip to content

radix-ng/primitives

Repository files navigation

Radix Angular

npm downloads

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 Taxonomyhttps://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
  • Avatar
  • Checkbox (need it more adaptation for FormGroup)
  • Collapsible
  • Context Menu
  • Dialog (will be based on angular/cdk)
  • Dropdown
  • Hover Card
  • Label
  • Menubar
  • Navigation Menu
  • Popover
  • Progress
  • Radio
  • Select
  • Separator
  • Switch
  • Tabs
  • Toast
  • Toggle
  • 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!

License

MIT