ion-footer

Contents

Footer is a root component of a page that sits at the bottom of the page. Footer can be a wrapper for ion-toolbar to make sure the content area is sized correctly.

Usage

javascript
<ion-content></ion-content>

<ion-footer>
  <ion-toolbar>
    <ion-title>Footer</ion-title>
  </ion-toolbar>
</ion-footer>

Properties

mode

Description

The mode determines which platform styles to use.

Attribute mode
Type "ios" | "md"

translucent

Description

If true, the footer will be translucent. Note: In order to scroll content behind the footer, the fullscreen attribute needs to be set on the content.

Attribute translucent
Type boolean