Angular Footer component is an additional navigation used for displaying general information that a user might want to access from any page within your site. It is a place to display boilerplate text about the site, company info, copyrights, links to a contact form, sitemap, FAQ and other such resources.
Available in Other JavaScript Frameworks
CoreUI Angular Footer Component is also available for Bootstrap, React, and Vue. Explore framework-specific implementations below:
On this page
Examples
import { Component } from '@angular/core';
import { FooterComponent } from '@coreui/angular';
@Component({
selector: 'docs-footer-example',
templateUrl: './footer-example.component.html',
imports: [FooterComponent]
})
export class FooterExampleComponent {}<c-footer>
<div>
<a href="https://coreui.io/pro/angular/" target="_blank">CoreUI</a>
<span> © 2021 creativeLabs</span>
</div>
<div class="ms-auto">
<span>Powered by </span>
<a href="https://coreui.io/pro/angular" target="_blank">
<span>CoreUI for Angular</span>
</a>
</div>
</c-footer>API reference
Footer Module
import { FooterModule } from '@coreui/angular';
@NgModule({
imports: [FooterModule,]
})
export class AppModule() { }c-footer
component
import { FooterComponent } from '@coreui/angular'