- Notifications
You must be signed in to change notification settings - Fork9
Angular port of Radix UI Primitives. Accessible. Customizable.
License
radix-ng/primitives
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
This version is not yet stable.
It is very important for me to maintain API compatibility provided by the Radix primitives.
Radix-NG is an unofficial Angular port ofRadix 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.
Some primitives are based on@angular/cdk.
sb-primitives.radix-ng.com – Storybook
- Taxonomy build with AnalogJS –https://primitives-taxonomy.vercel.app/
- shadcn/ui blocks -https://blocks.shadcn-ng.com/
- OriginUI Angular
- shadcn/ui –ui.adrianub.dev
- RadixUI Components ...'soon'
.├── apps│ ├── radix-docs (documentation based on Astro)│ ├── radix-ssr-testing (SSR test for unstyle primitives)│ ├── shadcn-docs (docs for shadcn/ui, based on ng-doc, just for usage example)│ ├── showcase-taxonomy (AnalogJS showcase Taxonomy app)│ └── storybook-radix│└── packages ├── components (components based on primitives with custom styling) ├── shadcn (shadcn/ui just for usage example) └── primitives (headless primitives UI without any styling)
Primitive | Description | Status | A11y |
---|---|---|---|
Accordion | ✅ | ||
Alert Dialog | beta | ||
Avatar | ✅ | ||
Aspect Ratio | ✅ | ||
Checkbox | ✅ | ||
Collapsible | ✅ | ||
Context Menu | ✅ | ||
Dialog | ✅ | ||
DropdownMenu | ✅ | ||
Form | |||
Hover Card | ✅ | ||
Label | ✅ | ||
Menubar | ✅ | ||
Navigation Menu | ✅ | ||
Popover | ✅ | ||
Progress | ✅ | ||
Radio | ✅ | ||
Select | beta | ||
Separator | ✅ | ||
Slider | ✅ | ||
Switch | ✅ | ||
Tabs | ✅ | ||
Toast | |||
Toggle | ✅ | ||
Toggle Group | ✅ | ||
Toolbar | ✅ | ||
Tooltip | ✅ |
Primitive | Description | Status |
---|---|---|
Pagination | ✅ | |
Stepper | ✅ |
Status Legend✅ Completed🚀 In Progress🛠 In Review
- use validations framework –https://vestjs.dev/,Angular example
- (In progress) withTanstack Table,https://shadcn-datagrid.vercel.app/
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!
This project is licensed under the terms of theMIT license.
About
Angular port of Radix UI Primitives. Accessible. Customizable.