Docs Menu
Docs/API Reference/API Reference: Framework Adapters
Updated October 2026

API Reference: Framework Adapters

Unified API contracts for Vue 3, Nuxt, Angular 16+, Svelte 4/5, and React Native (Expo + bare).

toastory maintains 100% parity across all major frameworks:

Vue 3 & Nuxt (`toastory/vue`) ```typescript import { createApp } from 'vue'; import { toastoryPlugin, ToastoryToaster } from 'toastory/vue'; import 'toastory/themes/ios-glass.css';

const app = createApp(App); app.use(toastoryPlugin, { theme: 'ios-glass' }); `

Svelte 4 & 5 (`toastory/svelte`) ```svelte <script> import { Toaster, toast } from 'toastory/svelte'; import 'toastory/themes/ios-glass.css'; </script>

`

Angular 16+ (`toastory/angular`) ```typescript import { Component } from '@angular/core'; import { ToastoryToasterComponent, toast } from 'toastory/angular';

@Component({ standalone: true, imports: [ToastoryToasterComponent], template: }) export class AppComponent {} `

React Native & Expo (`toastory/native`) ```tsx import { Toaster, toast } from 'toastory/native';

export function Screen() { return (

Want to test these options live?

Launch the interactive playground to experiment with themes, positions, and live generators.

Open in Playground →