diff --git a/docs/product/dashboards/widget-builder/img/widget-builder-details-visualization.png b/docs/product/dashboards/widget-builder/img/widget-builder-details-visualization.png
new file mode 100644
index 00000000000000..6d14cc9218bc81
Binary files /dev/null and b/docs/product/dashboards/widget-builder/img/widget-builder-details-visualization.png differ
diff --git a/docs/product/dashboards/widget-builder/index.mdx b/docs/product/dashboards/widget-builder/index.mdx
index a148e731378342..c5a08cfb892490 100644
--- a/docs/product/dashboards/widget-builder/index.mdx
+++ b/docs/product/dashboards/widget-builder/index.mdx
@@ -74,6 +74,7 @@ In this step, you can choose from the following visualization types:
 - [Table](#table)
 - [Big Number](#big-number)
 - [Markdown](#markdown)
+- [Details](#details)
 
 ### Area Chart / Bar (Time Series) / Line Chart
 
@@ -107,6 +108,14 @@ Markdown visualizations allow you to display plain text or rich markdown content
 
 ![Markdown widget. =700x](./img/widget-builder-markdown-visualization.png)
 
+### Details
+
+Details widgets display a rendered view of a single event that matches your filter criteria. Instead of showing aggregated data, a details widget shows the actual content of an event, making it useful for keeping a specific example visible on your dashboard. Currently, details widgets are only available for the [spans](#spans) dataset.
+
+For example, if you filter for a specific database query using `span.op:db`, the widget will display a rendered example of a matching span, including the database query itself and the line of code that triggered it. This gives your team immediate context without having to navigate into the event details.
+
+![Markdown widget. =700x](./img/widget-builder-details-visualization.png)
+
 ## Columns
 
 The option to set columns is only available for [table visualizations](/product/dashboards/widget-builder/#table).