FileViewerControls

FileViewerControls renders controls registered by the active renderer: page or slide position, zoom, rotate, loading state, downloads, and extra actions.

Copy<FileViewerControls extra={<ApproveButton />} />

Behavior

• Reads registered controls from file viewer context. The header stays file-type agnostic.
• Falls back to the original file download action when the active renderer has not registered its own downloads.
• Allows workflow actions through extra; this is merged with any renderer-registered extra.
• Renders data-slot="file-viewer-controls" and data-file-viewer-controls="ready" when a renderer has registered controls.
• Does not render file identity. Use FileViewerTitle for the file name and FileViewerMeta for passive metadata.

API Reference

Source

"use client";

import * as React from "react";
import { PanelLeft, PanelRight } from "lucide-react";

import { cn } from "@/lib/utils";

import { Button } from "./button";
import { Spinner } from "./spinner";
import { useFileViewerControlsState } from "./file-viewer-provider";
import { useFileViewerRequiredResourceState } from "./file-viewer-resource-state";
import {