0.0.7 • Published 1 year ago

mydani-footer v0.0.7

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago
# mydani-footer

`mydani-footer` is an Angular library for adding a simple and elegant footer to your project. It uses Bootstrap to ensure a responsive design and style.

## Prerequisites

Before using `mydani-footer`, make sure you have installed:

1. [Node.js](https://nodejs.org/)
2. [Angular CLI](https://cli.angular.io/)

## Installation

To install `mydani-footer` in your Angular project, follow these steps:

1. Install the library using npm:


npm install mydani-footer

2. Install Bootstrap in your project, as mydani-footer uses Bootstrap styles:


npm install bootstrap

3. Add the Bootstrap import to your angular.json file in the styles section:


"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
],

4. Import MydaniFooterModule in your app.module.ts file:


import { MydaniFooterModule } from 'mydani-footer';
@NgModule({
  imports: [
    // ...
    MydaniFooterModule
  ],
  // ...
})
export class AppModule { }

## Usage

To use the mydani-footer component in your project, simply add the following tag to your HTML      
file where you want the footer to appear:    



<lib-mydani-footer
  [footerColor]="'#F8F5E4'"
  [footerText]="'DGO 2023 ©Danideveloperweb'"
  [textColor]="'red'"
  [textFontFamily]="'Arial, sans-serif'"
  [textSize]="'1rem'"
></lib-mydani-footer>


if you want the footer to be always attached to the footer, here is an example that you can use      
In app.components .html you can structure it as follows:   


<app-navbar></app-navbar>

<div class="container">

    <router-outlet></router-outlet>

</div>

<app-footer></app-footer>

In the component app.component.scss put:


.container {
    display: grid;
    min-height: 100vh;
    grid-template-rows: auto 1fr auto;
}

## Customization

You can customize the footer style by modifying the styles in your global CSS file       
or in the specific style file for your component.         
Custom styles will override the default styles of the mydani-footer component.         

## License

mydani-footer is open-source software with an MIT license.

## Author

DGO
0.0.5

1 year ago

0.0.4

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago