Documenting the use of the component.

ajaykirarkit · ajaykirarkit · commit 00ecf4cacc28 · 2023-08-25T12:39:04.000+02:00
diff --git a/README.md b/README.md
@@ -2,13 +2,17 @@
 
 
 
-This is a webcomponent to use in HTML or more complex web projects.
+Mapping Component Overview:
 
+The Mapping component serves as a user-friendly interface to extract metadata from data generated by instruments.Our mappings are designed to align with widely accepted community schemes, custom-tailored for various techniques.
 
 ## Integration
 
 If the dependency is up set properly (instructions will follow), the component can be used like this:
 
+Add the Element:
+To integrate the Mapping component into your project, insert the following HTML element into your webpage:
+
 ```html
 <head>
      ...
@@ -20,6 +24,29 @@ If the dependency is up set properly (instructions will follow), the component c
     <mapping-input base-url="http://localhost:8090/" id="input-component"></mapping-input>
 </body>
 ```
+Invoke the Download Functionality:
+
+For enabling the download functionality, include the following HTML code in your page:
+```html
+ ...
+    <!-- use the method !-->
+
+`<div class="ui center aligned grid">
+  <button type="submit" class="ui primary button" id="submit" onclick="
+    var component = document.getElementById('input-component');
+    component.executeMapping(true)">Map document
+  </button>
+</div>`
+
+```
+
+The executeMapping(true) method call triggers both the mapping process and the subsequent download of the result.
+
+Adjusting Base URL:
+
+The base-url attribute in the <mapping-input> element allows you to specify the base URL for your Mapping Service instance. You can modify this URL as needed to suit your requirements.
+
+By following these steps, you can easily integrate the Mapping component into your project and utilize its capabilities for extracting metadata from instrument-generated data.
 
 ## Attributes
 
