Updated October 2026
Stacking & Screen Positioning
Configure 6 screen anchor points, 3D stacked decks, expanded list mode, and mobile responsive adaptation.
toastory features an Apple-inspired 3D card deck stack that gracefully expands when the user hovers or focuses into notifications.
Screen Placements
Configure the default container position via ui.configure() or override on individual calls:
top-right(Default on desktop)top-centertop-leftbottom-rightbottom-centerbottom-left
typescript
ui.configure({
position: 'top-center',
stack: true, // 3D card deck stacking
maxVisible: 5,
gap: 12,
});
`
Want to test these options live?
Launch the interactive playground to experiment with themes, positions, and live generators.