Search docs/
Getting StartedPlugins

3D Touch

The 3D Touch plugin adds 3D Touch capabilities to your Cordova app.

Requires Cordova plugin: cordova-plugin-3dtouch. For more info, please see the 3D Touch plugin docs.

Stuck on a Cordova issue?

If you're building a serious project, you can't afford to spend hours troubleshooting. Ionic’s experts offer premium advisory services for both community plugins and premier plugins.

Contact Us Today!


npm install cordova-plugin-3dtouchnpm install @ionic-native/three-dee-touchionic cap syncionic cordova plugin add cordova-plugin-3dtouchnpm install @ionic-native/three-dee-touch
Ionic Enterprise comes with fully supported and maintained plugins from the Ionic Team. Learn More or if you're interested in an enterprise version of this plugin Contact Us

Supported Platforms

  • iOS



See here.


Please do refer to the original plugin's repo for detailed usage. The usage example here might not be sufficient.

import { ThreeDeeTouch, ThreeDeeTouchQuickAction, ThreeDeeTouchForceTouch } from '@ionic-native/three-dee-touch/ngx';

constructor(private threeDeeTouch: ThreeDeeTouch) { }


this.threeDeeTouch.isAvailable().then(isAvailable => console.log('3D Touch available? ' + isAvailable));

    (data: ThreeDeeTouchForceTouch) => {
      console.log('Force touch %' + data.force);
      console.log('Force touch timestamp: ' + data.timestamp);
      console.log('Force touch x: ' + data.x);
      console.log('Force touch y: ' + data.y);

let actions: ThreeDeeTouchQuickAction[] = [
    type: 'checkin',
    title: 'Check in',
    subtitle: 'Quickly check in',
    iconType: 'Compose'
    type: 'share',
    title: 'Share',
    subtitle: 'Share like you care',
    iconType: 'Share'
    type: 'search',
    title: 'Search',
    iconType: 'Search'
    title: 'Show favorites',
    iconTemplate: 'HeartTemplate'


 (payload) => {
   // returns an object that is the button you presed
   console.log('Pressed the ${payload.title} button')