Dynamic Island Toast

Pro

The pill morphs, splits, and breathes. Live activity, feel native.

cinematic interactions dynamic island toast framer motion

Loading preview...

Props

Prop	Type	Default	Description
`toast`	DynamicIslandToast \| null	-	The active toast. Pass null to dismiss.
`secondary`	DynamicIslandToast \| null	-	Optional second activity. When set, the island enters split-mode with two pills.
`defaultExpanded`	boolean	false	Render expanded by default (useful for hero previews).
`onExpandedChange`	(expanded: boolean) => void	-	Fired whenever the user expands or collapses the island.
`onDismiss`	() => void	-	Fired when the island auto-dismisses or the user closes it.
`inline`	boolean	false	If true, position absolutely inside the nearest positioned ancestor. If false, fixed to the viewport.