The Toast API provides a notification pop up for displaying important information to a user. Just like real toast!
npm install @capacitor/toast
npx cap sync
PWA Elements are required for the Toast plugin to work.
import { Toast } from '@capacitor/toast';
const showHelloToast = async () => {
await Toast.show({
text: 'Hello!',
});
};
show(options: ShowOptions) => Promise<void>
Shows a Toast on the screen
Param | Type |
---|---|
options |
ShowOptions |
Since: 1.0.0
Prop | Type | Description | Default | Since |
---|---|---|---|---|
text |
string |
Text to display on the Toast | 1.0.0 | |
duration |
'short' | 'long' |
Duration of the Toast, either 'short' (2000ms) or 'long' (3500ms) | 'short' |
1.0.0 |
position |
'top' | 'center' | 'bottom' |
Position of the Toast | 'bottom' |
1.0.0 |