Windmillcode Angular CDK
18.2.12000
Bienvenido a la Biblioteca Angular de Wind MillCode, un conjunto integral de componentes angulares diseñados para ayudarlo a generar aplicaciones web atractivas, robustas y fáciles de usar. Esta biblioteca, también conocida como el kit de desarrollo de componentes angulares de Wind MillCode (CDK), proporciona una colección de componentes de IU reutilizables, cada uno diseñado con atención a los detalles y el rendimiento.
{/ * */}
Angular puede obtener más bien un lenguaje detallado, nuestro objetivo es simplificar Angular con la menta de enchufe y reproducción con el enchufe y el reproducción de todos los accesorios tienen sus accesorios, ya que en React, estos accesorios son una clase y simplemente pasa el accesorio a la clase para hacer que el componente
// app.component.ts
// Standalone there are default values to see how the component works
props = new WMLInputZeroProps ( { } )
// To pass arguments/customize
props = new WMLInputZeroProps ( {
datetime : new WMLInputZeroDatetimeProps ( {
type : "datetime" ,
min = new Date ( "[YOUR BIRTHDAY FOR EXAMPLE]" )
} )
} ) // app.component.html
< wml-input-zero [props] = props >
</ wml-input-zero >Nuestra biblioteca incluye una amplia gama de componentes, que van desde elementos de la interfaz de usuario, como botones y campos de entrada hasta construcciones complejas como carga de archivos y desplegables. Cada componente está diseñado para ser modular, lo que facilita la integración en sus proyectos angulares existentes.
Los componentes están diseñados para ser fácilmente personalizables y temibles, lo que le permite alinearlos con las pautas de marca y diseño de su aplicación. VIA Modificación de las variables CSS específicas para cada componente Puede obtener un control granular sobre la apariencia de los componentes.
{/ * */}
Internacionalización : todos los componentes son compatibles con I18N bajo NGX -Translate. Use el archivo EN.JSON predeterminado en su proyecto y actualice y pase las cadenas I18N a las claves apropiadas en los accesorios que se pasan al componente Ver la versión premium de la biblioteca
La biblioteca Angular de Wind MillCode ofrece una amplia gama de componentes, cada uno diseñado para cumplir con los requisitos de IU específicos en sus aplicaciones angulares. A continuación se muestra una lista de componentes disponibles junto con breves descripciones:
Este es el paquete fundamental en el que se centra toda nuestra biblioteca. Su base es la wmluiproperty, el bloque de construcción muy básico de cualquier aplicación destinada a usarse para todos los marcos de JavaScript, no solo angular. A partir de aquí, se construyen la base de la paginación, la animación, los componentes dinámicos y más.
Extiende los componentes WML basados para ser custodiados para desarrolladores angulares. Útil para mantener la conformidad dentro de la base de código.
Three JS es bastante empasionado y no todo lo que necesitas para crear una escena está ahí para ti, esto cambia con nuestra biblioteca de tres.js. Nuestras clases manejan las implementaciones de matemáticas y física para que pueda concentrarse en agregar y colocar objetos en la escena
Nuestros propios esquemas angulares para generar clases angulares de acuerdo con nuestra plantilla de proyecto angular
Un componente de acordeón que le permite mostrar contenido en un formato plegable. Es útil para preguntas frecuentes, listas o cualquier contenido que se beneficie de una presentación compacta.
Un componente de botón personalizable que se puede utilizar en su aplicación, asegurando la consistencia y la temabilidad.
Un componente de carrusel que permite la visualización de múltiples artículos de manera deslizante o giratoria, perfecta para galerías o exhibiendo múltiples productos.
Un componente que representa entrada, atributos o acciones como elementos compactos, comúnmente utilizados para etiquetas, información de contacto o elementos interactivos.
Un componente de campo, potencialmente para formularios, que proporciona una forma estandarizada de ingresar datos.
Un componente integral para manejar las interacciones de archivos, incluida la carga, la descarga (en el backlog) y la visualización de información del archivo.
Un componente o conjunto de componentes diseñados para crear formas consistentes y funcionales, incluidos varios controles de formulario.
Un componente desplegable que se expande infinitamente. Ideal para menús con una gran cantidad de contenido de navegación
Un componente de entrada versátil para formularios, que proporciona una forma uniforme de recopilar la entrada del usuario.
Un componente de navegación diseñado específicamente para interfaces de usuarios móviles, que proporciona un menú optimizado para pantallas más pequeñas.
Un componente de notificación, que le permite mostrar alertas, mensajes u otra información importante para los usuarios.
Un componente que proporciona un conjunto de opciones seleccionables, posiblemente como un desplegable más avanzado o componente seleccionado.
Un componente de componente de flyout utilizado para proporcionar contenido, información o controles auxilares, a menudo utilizado en paneles o como parte de interfaces complejas.
Un componente de carga personalizado
Un componente para mostrar contenido emergente, como modales, diálogos o información sobre herramientas.
Un componente seleccionado que proporciona una lista desplegable de opciones para que los usuarios elijan.
Basado en jQuery sliceBox, una forma más fluida de implementar un carrusel
Un componente de tabla diseñado para mostrar datos tabulares, con características que incluyen clasificación, filtrado y paginación.
Un componente para crear interfaces con pestañas, que permite a los usuarios cambiar entre diferentes vistas o secciones de contenido dentro del mismo contexto.
Un componente de interruptor de palanca, que proporciona una forma intuitiva para que los usuarios tomen decisiones binarias, como habilitar/deshabilitar la configuración.
Cada componente está diseñado para abordar las necesidades de IU específicas al tiempo que garantiza la consistencia y la facilidad de integración en sus proyectos angulares. Para obtener información más detallada sobre cada componente, incluidos los ejemplos de uso y las opciones de configuración, consulte la documentación detallada de la biblioteca.
Cada componente se documenta con detalles sobre cómo usarlo, sus propiedades de entrada/salida y emisores de eventos. Para sumergirse más en un componente específico, consulte su sección de documentación dedicada ReadMe.MD.
** Trabajo en progreso ** ¡Agradecemos las contribuciones a la biblioteca Angular de Wind MillCode! Ya sea agregando nuevos componentes, mejorar los existentes o informar errores, sus contribuciones son valiosas para nosotros. Consulte nuestras pautas de contribución antes de hacer una solicitud de extracción.
cd projects/[desired project]
npx ng build --watch # wait for project to appear in dist
cd dist/[desired project]
npm linkEn el consumidor necesita agregar el camino a la DIST en los consumidores tsconfig.json
"[FULL LIBRARY NAME FROM PACKAGE.JSON]" : [
" [PATH TO REPO GENERATED DIST]/[LIBRAY FOLDER NAME] "
],
// EXAMPLE
"@windmillcode/angular-wml-slicebox" : [
" ../../../../windmillcode-Angular-CDK/dist/wml-slicebox "
],La biblioteca Angular de muelles de viento tiene licencia MIT.
Si tiene alguna pregunta o comentarios, únase a nosotros en Discord. Siempre estamos buscando mejorar nuestra biblioteca y ayudar a la comunidad de desarrolladores.
¡Disfruta del edificio con la biblioteca Angular de Wind MillCode!
