Updated October 2026
API Reference: Framework Adapters
Unified API contracts for Vue 3, Nuxt, Angular 16+, Svelte 4/5, and React Native (Expo + bare).
On this page:
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.