---
title: "How To Add HTML note in UI component form field"
url: "https://dolphinwebsolution.com/how-to-add-html-note-in-ui-component-form-field"
date: "2023-01-08T13:54:49+05:30"
modified: "2024-02-05T08:46:15+05:30"
author:
  name: "Jigar Patel"
categories:
  - "Magento"
word_count: 372
reading_time: "2 min read"
summary: "We learn how to add HTML notes in UI Component From field in Magento 2.

UI component components are in charge of rendering result page fragments and facilitating JavaScript component-server inte..."
description: "We learn how to add HTML notes in UI Component From field in Magento 2. UI component components are in charge of rendering result page fragments and facilita..."
keywords: "Magento"
language: "en"
schema_type: "Article"
related_posts:
  - title: "How to Add Dynamic Custom Tab in Product Page Magento 2"
    url: "https://dolphinwebsolution.com/add-dynamic-custom-tab-in-product-page-magento-2"
  - title: "How to create Inceptor or Plugin in Magento 2"
    url: "https://dolphinwebsolution.com/how-to-create-inceptor-or-plugin-in-magento-2"
  - title: "How to clean cache by tag id in Magento 2"
    url: "https://dolphinwebsolution.com/how-to-clean-cache-by-tag-id-in-magento-2"
---

# How To Add HTML note in UI component form field

_Published: January 8, 2023_  
_Author: Jigar Patel_  

![](https://dolphinwebsolution.com/wp-content/uploads/2023/01/new-3-1-5-1024x536.webp)

We learn how to add HTML notes in UI Component From field in Magento 2.

UI component components are in charge of rendering result page fragments and facilitating JavaScript component-server interactions. It connects the UI’s visual elements and related data processes which are submitted by users. Some UI elements can be named as tables, buttons, or dialogs. Therefore, admins can use grids more easily with the help of UI components. In this article, I will instruct you to **create a UI form in Magento 2** by using the UI component.

Using the below codes, you can **Add HTML notes in UI Component From field in Magento 2.**

#### Step:1 First We will start with the field in your ui-form:
```
<field name="store_url">
   <argument name="data" xsi:type="array">
      <item name="config" xsi:type="array">
         <item name="dataType" xsi:type="string">text</item>
         <item name="label" xsi:type="string" translate="true">Store URL</item>
         <item name="formElement" xsi:type="string">input</item>
         <item name="dataScope" xsi:type="string">store_url</item>
         <item name="required" xsi:type="boolean">true</item>
         <item name="notice" xsi:type="string" translate="true"> Enter store URL name. For example: xyzshop </item>
         <strong>
            <item name="additionalInfo" xsi:type="string">
         </strong>
         <em><![CDATA[Your store URL will be like: <a href="https://dolphinwebsolution.com">Dolphin</a>]]></em> <strong></item></strong>
         <item name="validation" xsi:type="array">
            <item name="required-entry" xsi:type="boolean">true</item>
         </item>
      </item>
   </argument>
</field>
```

> Like to Read: [Product Labels for Magento 2](https://dolphinwebsolution.com/shop/product-labels-for-magento.html)

When you will add the HTML code in your form field, the result will be displayed in the following image:

I Hope, This instruction will be helpful for you.

If you have any difficulties regarding this blog, do consider them posting in the Comments section below!

I’m here to help.

**Thank you!**


---

_View the original post at: [https://dolphinwebsolution.com/how-to-add-html-note-in-ui-component-form-field](https://dolphinwebsolution.com/how-to-add-html-note-in-ui-component-form-field)_  
_Served as markdown by [Third Audience](https://github.com/third-audience) v3.5.3_  
_Generated: 2026-08-26 06:13:57 UTC_