Presence

The Presence component manages conditional rendering with transition-aware behavior.

Basic Usage

Live Editor

function Example({ open }: { open: boolean }) {
  return (
    <ThemeProvider>
      <Presence present={open}><div>Animated content</div></Presence>
    </ThemeProvider>
  );
}

Result

Loading...