Navbar Presets

Installation

npm install pnpm add @notion-kit/ui

<Title page={page} />

<Title page={page} />

Prop	Type	Default	Description
`page`*	`Page`	-	Current page data.
`readOnly`	`boolean`	-	Whether the title is editable.
`onUpdate`	`({ title?: string, icon?: IconData }) => void`	-	Handler that is called when new title or icon is submitted.

<TooltipProvider>
  <Publish page={page} />
</TooltipProvider>

<TooltipProvider>  <Publish page={page} /></TooltipProvider>

Prop	Type	Default	Description
`page`*	`Page`	-	Current page data.
`onUpdate`	`(id: string, isPublished: boolean) => void`	-	Handler that is called when the public state of the page is changed.

<TooltipProvider>
  <Menu page={page} />
</TooltipProvider>

<TooltipProvider>  <Menu page={page} /></TooltipProvider>

Prop	Type	Default	Description
`page`*	`Page`	-	Current page data.
`onUpdate`	`(pageId: string, action: "archive" \| "restore" \| "delete") => void`	-	Handler that is called when an action is triggered from a menuitem.

<TooltipProvider>
  <Participants currentUser={currentUser} otherUsers={otherUsers} />
</TooltipProvider>

<TooltipProvider>  <Participants currentUser={currentUser} otherUsers={otherUsers} /></TooltipProvider>

Prop	Type	Default	Description
`currentUser`	`User`	-	Current user, i.e. yourself.
`otherUsers`	`User[]`	`[]`	Other users on the page.