Tulip Logo IconTulip
Local Provider

Client

The local client layer gives you provider, content, navigation, upload, and view components.

Useful exports include:

  • LocalDriveProvider
  • LocalDriveContent
  • LocalDriveView
  • LocalDriveViewProvider
  • LocalDriveUploadZone
  • command components for folders and files
  • navigation helpers

Typical composition

<LocalDriveProvider namespace="media" permission="files.read" meta={{ title: "Media" }}>
  <LocalDriveViewProvider queryData={queryData} strategy={strategy}>
    <LocalDriveContent>
      <LocalDriveView />
    </LocalDriveContent>
  </LocalDriveViewProvider>
</LocalDriveProvider>

Use your own page shell around this to add search params, toolbars, split views, or dialogs.

What the local view layer actually does

LocalDriveViewProvider builds a Drive-aware table config from:

  • queryData
  • strategy
  • provider columns
  • selection state
  • custom commands
  • view metadata

LocalDriveView then switches between:

  • grid mode, using DriveGridCard
  • list mode, using DataTable

When bulk commands succeed, the implementation clears selection and invalidates optimistic upload state so the UI can settle into the latest server result.

On this page