FileViewer

画像やPDFファイルを表示・拡大縮小・回転できるファイルビューアーコンポーネントです。ファイルの内容をプレビューするときに使います。

使用上の注意

以下のファイル形式をサポートしています：

• 画像ファイル: JPEG、PNG、GIF など（image/* のMIMEタイプ）
• PDFファイル: application/pdf

状態

PDF内テキスト検索の表示

PDF表示時は、デフォルトで検索フォームを表示し、PDF内のテキストを検索できます。 searchable propsにfalseを指定すると、検索フォームを非表示にできます。

モバイルなど画面サイズが限られる場面では、検索フォームがコンテンツ領域を圧迫する場合があるため、searchable={false}の指定を検討してください。

モバイル

FileViewerをダイアログで表示する際は、ユーザーがファイルの内容に集中できるように、画面いっぱいに広げる拡大したダイアログの使用を検討してください。

使い方チェックリスト

FileViewer

参照元：状態 > PDF内テキスト検索の表示 「状態 > PDF内テキスト検索の表示」の本文へ移動

• Should

  モバイルなど画面サイズが限られる場面では、検索フォームがコンテンツ領域を圧迫する場合があるため、`searchable={false}` の指定を検討する

参照元：モバイル 「モバイル」の本文へ移動

• Should

  FileViewer をダイアログで表示する際は、画面いっぱいに広げる拡大したダイアログの使用を検討する

Props