Skip to main content
Version: v5

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?

Don't waste precious time on plugin issues.

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.


$ npm install cordova-plugin-3dtouch 
$ npm install @awesome-cordova-plugins/three-dee-touch
$ ionic cap sync

Supported Platforms

  • iOS



Learn more about using Ionic Native components in React


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 '@awesome-cordova-plugins/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')