Add icons to you forms

[manojadams]

Summary

Now mui-forms allow users to add icons to their forms.

Details:

• Now add icons to forms by specifying a new property called iconName
• Icons can be added by adding their names in the `iconName property.
• For adding icon, refer to the following site: https://fonts.google.com/icons
• Important note: Please note that the project using mui-forms would be responsible to download and use the font icons from above website. Ref: https://developers.google.com/fonts/docs/material_icons

Example schema

{
    "fields": [{
        "name": "userEmail",
        "meta": {
            "displayName": "Enter Your Email",
            "displayType": "email",
            "iconName": "mail",
            "placeholder": "e.g- [email protected]",
            "validation": {
                "required": true
            }
        }
    }, {
        "name": "password",
        "meta": {
            "displayName": "Enter Your Password",
            "displayType": "password",
            "placeholder": "Your Seret Password",
            "iconName": "key",
            "validation": {
                "required": true,
                "min": 8,
                "minDetail": {
                    "errorMsg": "Your password must be atleast 8 characters"
                }
            }
        }
    }],
    "buttons": [{
        "name": "submit",
        "meta": {
            "className": "bg-gray-800 !mt-4",
            "type": "submit"
        }
    }]
}

It has been implemented in following story:

• Feature: Add default icons for form controls #49

Above story uses the following for internal implementation

• https://fonts.google.com/icons