frontile

Bajo desarrollo activo.

Frontile tiene como objetivo proporcionar los LEGO (componentes, ayudantes, modificadores y estilos) necesarios para construir aplicaciones Ember.js consistentes y potentes mientras siguen las mejores prácticas de la comunidad y proporcionan componentes de bajo nivel y de alto nivel para su aplicación.

• Construido con accesibilidad en mente en cada componente;
• Construido como paquetes separados lógicamente, para que pueda elegir las piezas que va a usar;
• Escrito en mecanografiado;
• Todos los componentes son componentes de brillo;
• Los estilos son solo complementos de Tailwindcss y totalmente receptivos;

Documentación

Visite frontile.dev para leer los documentos y ver demostraciones en vivo.

¿Qué hay disponible?

Hay algunos paquetes disponibles para usar ya; Puede usarlos hoy en sus aplicaciones si se encuentra en una versión Ember compatible. El proyecto sigue siendo preversión 1.0.0, por lo que aún pueden ocurrir cambios de ruptura.

• @frontile/utilidades: paquete central que proporciona componentes esenciales A11Y.
• @frontile/formularios: componentes para trabajar con formularios.
• @frontile/Changset-form: integración entre el paquete de formularios y los cambios.
• @frontile/notificaciones: paquete que proporciona notificaciones similares a tostadas.
• @frontile/superposiciones: componentes para representar contenido sobre la interfaz de usuario, como diálogos modales.
• @frontile/botones: componentes para trabajar con botones.

Estilos con viento de cola

Todos los estilos que proporcionamos son a través de los complementos Tailwindcss. Es perfecto si su aplicación tiene viento de cola; Sin embargo, algunas aplicaciones no tienen o no necesariamente escribir estilos que lo usen. Para estos, hay dos alternativas:

• Escribe todos los estilos que se dirigen a nuestras clases, lo que sigue a las convenciones de nombres de BEM.
• Solo agregue el viento de cola para nuestros estilos. Este enfoque aún no se ha probado, pero en teoría, debería poder configurar el viento de cola y solo permitir que incluya estilos frontiles.

Al proporcionar complementos de viento de cola, puede personalizar casi todos los estilos, incluso eliminando lo que no es lo que necesita. Todos los complementos tienen la opción de pasar una configuración para que pueda configurar todos los colores, espacios, etc., como necesita su aplicación. También permite crear temas o modos oscuros utilizando variables CSS.

Tl; DR; No necesitas Tailwindcss si no lo quieres, pero es mejor si lo usas.

Compatibilidad

• Ember.js v3.16 o superior
• Ember CLI v2.13 o superior
• Node.js v10 o superior

Licencia

Este proyecto tiene licencia bajo la licencia MIT.