Capacitor bottom dock

To keep the Mushi Mushi button clear of a tab bar or dock, use triggerInsetPreset (tabBarSafe lifts it 72 dp, dockSafe 96 dp):


import { Mushi, triggerInsetPresets } from '@mushi-mushi/capacitor'
 
await Mushi.configure({
  projectId: '...',
  apiKey: 'mushi_...',
  triggerMode: 'both',
  triggerInsetPreset: 'tabBarSafe',
})

Explicit insets win over presets:


await Mushi.configure({
  projectId: '...',
  apiKey: 'mushi_...',
  triggerInset: {
    bottom: triggerInsetPresets.dockSafe.bottom + 12,
    trailing: 20,
    end: 20,
  },
})

For Ionic or React Native Web shells that render the web widget inside the WebView, use the browser SDK widget.anchor with your app’s CSS tokens.