Timelinx

TopNav

Top navigation bar with project name, back button, and export action

TopNav is a compact header bar that displays the current project name, a back-navigation button, and an export action. It sits at the top of the editor layout.

Live Example

Loading...

Usage

import { TopNav } from '@timelinx/ui';

<TopNav
  projectName="My Video"
  onBack={() => router.push('/')}
  onExport={() => openExportDialog()}
/>

Props

Prop

Type

Standalone

TopNav is a standalone component - no context providers needed.

On this page