Prepared Docs

Prepared Docs

⌘K

    Loading navigation…

User

  1. Blocks
  2. Takeover Page
  3. API and Development

Takeover Page

API and Development

View Source
Submit Issue

TakeoverPage and building blocks from @prepared911/ui-takeover-page render immersive full-view experiences: TakeoverPagePortal mounts once at the app root (TAKEOVER_PAGE_PORTAL_ID), while TakeoverPage, TakeoverPageHeader, TakeoverPageBody, and TakeoverPageFooter compose the layout. useTakeoverClose coordinates exit animation before invoking onClose.

TakeoverPage props

NameTypeDescription
titlestringHeader title.
titlePrefixReactNodeContent before the title.
onClose() => voidCalled after exit animation.
headerContentReactNodeExtra header area.
footerContentReactNodeFooter slot.
childrenReactNodeBody content.

See TakeoverPageHeader, TakeoverPageBody, TakeoverPageFooter, and TakeoverPagePortal types for slot-level props.

Import

Default (body only)

With footer

With header tabs

Scrolling body

Previous

Takeover Page / Usage

Next

Takeover Page / Accessibility

On this page

TakeoverPage props
Import
Default (body only)
With footer
With header tabs
Scrolling body