ERSS para Angular

ERSS para Angular es un framework de CSS diseñado específicamente para aplicaciones Angular. Proporciona una colección de componentes y estilos reutilizables que mejoran la apariencia visual y la experiencia de usuario de tus proyectos Angular.

Características

• Integración sencilla con proyectos Angular.
• Diseño responsive que se adapta a diferentes tamaños de pantalla y dispositivos basandose en un sistema de grillas amigable y especifico.
• Componentes Angular listos para usar para elementos de interfaz comunes.
• Estilos personalizables mediante etiquetas y propiedades de los componentes Angular.
• Compatibilidad con navegadores web.

Instalación

Para instalar ERSS para Angular, sigue estos pasos:

1. Instala el paquete a través de NPM:

npm install erss

2. Importa los módulos de ERSS que se desea utilizar en tu módulo Angular (en este ejemplo se importo el componente de los botones):

import { NgModule } from '@angular/core';
import { ErssButtonModule } from 'erss';;

@NgModule({
  imports: [
    // Otros imports...
    ErssButtonModule
  ],
  //...
})
export class AppModule { }

3. importamos el archivo erss-style.scss en el angular.json

"build": {
.....
    "options": {
    .....
        "styles": [
          "node_modules/erss/src/assets/css/erss-style.scss",
          "src/styles.scss"
        ]
    }
}

4. Utiliza los componentes y estilos de ERSS en tus plantillas Angular:

<erss-button>Hola, ERSS!</erss-button>

4. Personaliza los estilos y comportamiento de los componentes mediante propiedades de entrada o clases CSS.

Uso

ERSStyling para Angular proporciona una variedad de componentes y estilos que puedes utilizar en tus plantillas Angular. Aquí tienes un ejemplo de cómo usar el componente erss-button:

<erss-button
  [type]="'primary'"
  [size]="'large'"
  (click)="handleClick()"
>
  Haz clic
</erss-button>

En este ejemplo, establecemos el tipo en 'primary' y el tamaño en 'large' para el botón. También enlazamos el evento de clic al método handleClick().

Documentación

Para obtener instrucciones de uso más detalladas, documentación de componentes y opciones de personalización, consulta la documentación de ERSS para Angular.

Contribuciones

¡Las contribuciones son bienvenidas! Si deseas contribuir a ERSStyling para Angular, sigue estos pasos:

1. Haz un fork de este repositorio.

2. Crea una nueva rama para tu función o mejora:

git checkout -b feature/nueva-funcionalidad

3. Realiza tus modificaciones y guarda los cambios.

4. Realiza un commit de tus cambios:

git commit -m "Agregar nueva funcionalidad"

5. Sube tus cambios a tu repositorio:

git push origin feature/nueva-funcionalidad

6. Abre una Pull Request en este repositorio.

Licencia

Este proyecto está bajo la Licencia MIT.

Iconos

los iconos son proporcionados por Line-Awesome

Esta libreria esta elavorado por una persona, cualquier consejo u opciones de mejoras son mas que bienvenidos, para mas informacion accede a la pagina ya anteriormente mencionada.