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:
- Instala el paquete a través de NPM:
npm install erss
- 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 { }
- importamos el archivo erss-style.scss en el angular.json
"build": {
.....
"options": {
.....
"styles": [
"node_modules/erss/assets/css/erss-style.scss",
"src/styles.scss"
]
}
}
- Utiliza los componentes y estilos de ERSS en tus plantillas Angular:
<erss-button>Hola, ERSS!</erss-button>
- 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:
Haz un fork de este repositorio.
Crea una nueva rama para tu función o mejora:
git checkout -b feature/nueva-funcionalidad
Realiza tus modificaciones y guarda los cambios.
Realiza un commit de tus cambios:
git commit -m "Agregar nueva funcionalidad"
- Sube tus cambios a tu repositorio:
git push origin feature/nueva-funcionalidad
- 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.