From da4d4a55a63626ccd74223f4caec855c14a41f6c Mon Sep 17 00:00:00 2001
From: Arun Kumar Madesh <56151567+arunkumar461@users.noreply.github.com>
Date: Fri, 13 Dec 2024 15:29:28 +0000
Subject: [PATCH] CCMSPUI-466 | Add documentation

---
 .../Readme.md                                 | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/laa-ccms-spring-boot-starters/laa-ccms-spring-boot-starter-govuk-dialect/Readme.md b/laa-ccms-spring-boot-starters/laa-ccms-spring-boot-starter-govuk-dialect/Readme.md
index a9309ae..8443a2d 100644
--- a/laa-ccms-spring-boot-starters/laa-ccms-spring-boot-starter-govuk-dialect/Readme.md
+++ b/laa-ccms-spring-boot-starters/laa-ccms-spring-boot-starter-govuk-dialect/Readme.md
@@ -60,4 +60,23 @@ This ensures that all attributes, including conditional and computed values, are
     <govuk:button th:text="'Click Me!'" href="'/test'" id="'button-id'" classes="'custom-class'"/>
 </body>
 </html>
-```
\ No newline at end of file
+```
+
+### Details Element Tag Processor
+
+The `DetailsElementTagProcessor` is a custom Thymeleaf tag processor that enables the use of a `<govuk:details>` tag to generate a `<details>` HTML element styled with the GOV.UK Design System classes.
+
+#### Features
+- Generates a `<details>` element with the `govuk-details` class.
+- Includes a `<summary>` element with a customizable summary text.
+- Includes a `<div>` element for detailed content.
+
+#### Usage
+To use this processor, define a `govuk:details` tag in your Thymeleaf templates and provide the following attributes:
+
+- **`summaryText`**: The text displayed in the summary section of the `<details>` element.
+- **`text`**: The content displayed inside the `<div>` when the details are expanded.
+
+#### Example
+```html
+<govuk:details summaryText="Click to view details" text="This is the detailed content."></govuk:details>