primitives

Radix angular

Esta versión aún no es estable.

Es muy importante para mí mantener la compatibilidad API proporcionada por las primitivas Radix.

Radix-NG es un puerto angular no oficial de la interfaz de usuario de Radix, por lo tanto, compartimos el mismo principal y visión al construir primitivas.

Radix Primitives es una biblioteca de componentes de UI de bajo nivel con un enfoque en la accesibilidad, la personalización y la experiencia del desarrollador. Puede usar estos componentes como la capa base de su sistema de diseño o adoptarlos de forma incremental.

Algunas primitivas se basan en @angular/cdk.

---

Documentación

• radix-ng.com

• SBPrimitives.radix-ng.com-Storybook

Exhibiciones

1. Construcción de taxonomía con analogjs-https://primitives-taxonomy.vercel.app/
2. Shadcn/UI Blocks - https://blocks.shadcn-ng.com/
3. Origenui angular
4. shadcn/ui - ui.adrianub.dev
5. Componentes de Radixui ... 'pronto'

Estructura de proyectos

 .
├── 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)

Hoja de ruta

Primitivos

Primitivo	Descripción	Estado	A11y
Acordeón		✅
Diálogo de alerta		beta
Avatar		✅
Relación de aspecto		✅
Caja		✅
Plegable		✅
Menú contextual		✅
Diálogo		✅
Menú desplegable		✅
Forma
Tarjeta de cierre
Etiqueta		✅
Menubar		beta
Menú de navegación
Popover		✅
Progreso		✅
Radio		✅
Seleccionar		beta
Separador		✅
Control deslizante		✅
Cambiar		✅
Cortina a la italiana		✅
Tostada
Palanca		✅
Grupo de palanca		✅
Barra de herramientas
Comedia de herramientas		alfa

...

Leyenda de estado ✅ completado en progreso? En revisión

Formularios

• Use el marco de validaciones - https://vestjs.dev/, ejemplo angular

Datagrí

• (En progreso) con Tanstack Table, https://shadcn-datagrid.vercel.app/

Comunidad

Estamos entusiasmados de ver a la comunidad adoptar, plantear problemas y proporcionar comentarios. Ya sea que se trate de una solicitud de función, informe de errores o un proyecto para exhibir, ¡participar!

• Únete a nuestra discordia
• Únete a nuestro telegrama
• Discusiones de Github

Análisis de contribuyentes

Licencia

Este proyecto tiene licencia bajo los términos de la licencia MIT.