Config

Ionic Config provides a way to change the properties of components globally across an app. It can set the app mode, tab button layout, animations, and more.

Global Config

The available config keys can be found in the IonicConfig interface.

The following example disables ripple effects and default the mode to Material Design:

JavaScript

example.js

window.Ionic = {
  config: {
    rippleEffect: false,
    mode: 'md',
  },
};

Angular

app.module.ts

import { IonicModule } from '@ionic/angular';

@NgModule({
  ...
  imports: