Tulip Logo IconTulip
Components

Toolbar and Actions

Drive includes navigation and toolbar primitives that help structure a file-manager screen.

Shared navigation exports include:

  • DriveHeader
  • DriveHeaderBreadcrumbs
  • DriveHeaderTools
  • DriveToolbar
  • DriveToolbarBreadcrumbs
  • DriveToolbarTools

Pair these with provider-specific commands and your own app actions such as upload, create folder, archive, restore, or open details.

Provider aliases

The local and Google provider packages re-export these shared pieces under provider-specific names, for example:

  • LocalDriveToolbar
  • LocalDriveViewSwitcher
  • GoogleDriveToolbar
  • GoogleDriveViewSwitcher

That keeps page imports provider-local even when the underlying implementation is shared.

  • breadcrumbs and view switchers belong in the toolbar layer
  • node and bulk mutations belong in Drive commands
  • data fetching and invalidation belong in your page/query layer

On this page