diff --git a/.changeset/twenty-rice-bathe.md b/.changeset/twenty-rice-bathe.md
new file mode 100644
index 0000000000..2db3967bcf
--- /dev/null
+++ b/.changeset/twenty-rice-bathe.md
@@ -0,0 +1,7 @@
+---
+"gradio": patch
+"gradio_client": patch
+"website": patch
+---
+
+feat:Document `FileData` class in docs 
diff --git a/client/python/gradio_client/__init__.py b/client/python/gradio_client/__init__.py
index 9fa5ed6ab5..037264eeba 100644
--- a/client/python/gradio_client/__init__.py
+++ b/client/python/gradio_client/__init__.py
@@ -1,9 +1,11 @@
 from gradio_client.client import Client
+from gradio_client.data_classes import FileData
 from gradio_client.utils import __version__, file, handle_file
 
 __all__ = [
     "Client",
     "file",
     "handle_file",
+    "FileData",
     "__version__",
 ]
diff --git a/client/python/gradio_client/documentation.py b/client/python/gradio_client/documentation.py
index 19403eb7e8..741ad78abb 100644
--- a/client/python/gradio_client/documentation.py
+++ b/client/python/gradio_client/documentation.py
@@ -49,6 +49,7 @@ _module_prefixes = [
     ("gradio.chat", "chatinterface"),
     ("gradio.component", "component"),
     ("gradio.events", "helpers"),
+    ("gradio.data_classes", "helpers"),
     ("gradio.exceptions", "helpers"),
     ("gradio.external", "helpers"),
     ("gradio.flag", "flagging"),
diff --git a/gradio/components/base.py b/gradio/components/base.py
index f84d0691f0..2c7740393c 100644
--- a/gradio/components/base.py
+++ b/gradio/components/base.py
@@ -317,7 +317,9 @@ class Component(ComponentBase, Block):
         Keys of the dictionary are: raw_input, raw_output, serialized_input, serialized_output
         """
         if self.data_model is not None:
-            return self.data_model.model_json_schema()
+            schema = self.data_model.model_json_schema()
+            schema.pop("description", None)
+            return schema
         raise NotImplementedError(
             f"The api_info method has not been implemented for {self.get_block_name()}"
         )
diff --git a/gradio/data_classes.py b/gradio/data_classes.py
index 7e3472dc03..b2a6dcf2b3 100644
--- a/gradio/data_classes.py
+++ b/gradio/data_classes.py
@@ -11,6 +11,7 @@ from enum import Enum, auto
 from typing import TYPE_CHECKING, Any, List, Literal, Optional, Tuple, TypedDict, Union
 
 from fastapi import Request
+from gradio_client.documentation import document
 from gradio_client.utils import traverse
 from typing_extensions import NotRequired
 
@@ -219,7 +220,21 @@ class FileDataDict(TypedDict):
     meta: dict
 
 
+@document()
 class FileData(GradioModel):
+    """
+    The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.
+
+    Attributes:
+        path: The server file path where the file is stored.
+        url: The normalized server URL pointing to the file.
+        size: The size of the file in bytes.
+        orig_name: The original filename before upload.
+        mime_type: The MIME type of the file.
+        is_stream: Indicates whether the file is a stream.
+        meta: Additional metadata used internally (should not be changed).
+    """
+
     path: str  # server filepath
     url: Optional[str] = None  # normalised server url
     size: Optional[int] = None  # size in bytes
@@ -229,7 +244,13 @@ class FileData(GradioModel):
     meta: dict = {"_type": "gradio.FileData"}
 
     @property
-    def is_none(self):
+    def is_none(self) -> bool:
+        """
+        Checks if the FileData object is empty, i.e., all attributes are None.
+
+        Returns:
+            bool: True if all attributes (except 'is_stream' and 'meta') are None, False otherwise.
+        """
         return all(
             f is None
             for f in [
@@ -243,9 +264,30 @@ class FileData(GradioModel):
 
     @classmethod
     def from_path(cls, path: str) -> FileData:
+        """
+        Creates a FileData object from a given file path.
+
+        Args:
+            path: The file path.
+
+        Returns:
+            FileData: An instance of FileData representing the file at the specified path.
+        """
         return cls(path=path)
 
     def _copy_to_dir(self, dir: str) -> FileData:
+        """
+        Copies the file to a specified directory and returns a new FileData object representing the copied file.
+
+        Args:
+            dir: The destination directory.
+
+        Returns:
+            FileData: A new FileData object representing the copied file.
+
+        Raises:
+            ValueError: If the source file path is not set.
+        """
         pathlib.Path(dir).mkdir(exist_ok=True)
         new_obj = dict(self)
 
@@ -256,7 +298,16 @@ class FileData(GradioModel):
         return self.__class__(**new_obj)
 
     @classmethod
-    def is_file_data(cls, obj: Any):
+    def is_file_data(cls, obj: Any) -> bool:
+        """
+        Checks if an object is a valid FileData instance.
+
+        Args:
+            obj: The object to check.
+
+        Returns:
+            bool: True if the object is a valid FileData instance, False otherwise.
+        """
         if isinstance(obj, dict):
             try:
                 return not FileData(**obj).is_none
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/06_filedata.svx b/js/_website/src/lib/templates/gradio/04_helpers/06_filedata.svx
new file mode 100644
index 0000000000..8908229499
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/06_filedata.svx
@@ -0,0 +1,109 @@
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("filedata");
+
+    obj["attributes"] = [
+            {
+                name: "path",
+                annotation: "str",
+                doc: "The server file path where the file is stored.",
+                kwargs: null
+            },
+            {
+                name: "url",
+                annotation: "Optional[str]",
+                doc: "The normalized server URL pointing to the file.",
+                kwargs: null
+            },
+            {
+                name: "size",
+                annotation: "Optional[int]",
+                doc: "The size of the file in bytes.",
+                kwargs: null
+            },
+            {
+                name: "orig_name",
+                annotation: "Optional[str]",
+                doc: "The original filename before upload.",
+                kwargs: null
+            },
+            {
+                name: "mime_type",
+                annotation: "Optional[str]",
+                doc: "The MIME type of the file.",
+                kwargs: null
+            },
+            {
+                name: "is_stream",
+                annotation: "bool",
+                doc: "Indicates whether the file is a stream.",
+                kwargs: null
+            },
+            {
+                name: "meta",
+                annotation: "dict",
+                doc: "Additional metadata used internally (should not be changed).",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.FileData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+### Example Usage
+```python
+from gradio_client import Client, FileData, handle_file
+
+def get_url_on_server(data: FileData):
+    print(data['url'])
+
+client = Client("gradio/gif_maker_main", download_files=False)
+job = client.submit([handle_file("./cheetah.jpg")], api_name="/predict")
+data = job.result()
+video: FileData = data['video']
+
+get_url_on_server(video)
+```
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+### Guides
+<GuidesSection guides={obj.guides}/>
+{/if}