AEM: Dialog field examples (text, multifield, checkbox, ...); documentation: https://docs.adobe.com/docs/en/aem/6-1/ref/granite-ui/api/jcr_root/libs/granite/ui/components/foundation/form/index.html

buttongroup.xml

<alignment jcr:primaryType="nt:unstructured"
    name="./alignChildren"
    fieldLabel="Alignment of components"
    required="{Boolean}true"
    selectionMode="single"
    sling:resourceType="granite/ui/components/coral/foundation/form/buttongroup">

    <items jcr:primaryType="nt:unstructured">
        <default jcr:primaryType="nt:unstructured"
            name="./default"
            text="Default"
            value="false"
            cq-msm-lockable="default"/>
        <left jcr:primaryType="nt:unstructured"
            name="./left"
            text="Left"
            value="left"
            cq-msm-lockable="left"/>
        <center jcr:primaryType="nt:unstructured"
            name="./center"
            text="Center"
            value="center"
            cq-msm-lockable="center"/>
        <right jcr:primaryType="nt:unstructured"
            name="./right"
            text="Right"
            value="right"
            cq-msm-lockable="right"/>
    </items>
</alignment>

checkbox

<columnLast
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/checkbox"
    text="Last column in grid?"
    value="true"
    name="./columnLast"/>

checkbox--coral

<hideMismatches
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
        text="Hide Mismatches"
        fieldDescription="Check this box to hide dropdown options if they don't match with the user's input"
        name="./hideMismatches"
        value="{Boolean}true"
        uncheckedValue="{Boolean}false"/>

colorfield.xml

<backgroundColor jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/colorfield"
    showDefaultColors="{Boolean}false"
    text="Background Color"
    fieldLabel="Background Color"
    name="./backgroundColor"
    showProperties="{Boolean}false">
  <items jcr:primaryType="nt:unstructured">
    <white jcr:primaryType="nt:unstructured" value="#FFFFFF"/>
    <black jcr:primaryType="nt:unstructured" value="#000000"/>
    <hugo-blue jcr:primaryType="nt:unstructured" value="#D8F1FF"/>
    <hugo-brown jcr:primaryType="nt:unstructured" value="#451A0C"/>
    <hugo-cream jcr:primaryType="nt:unstructured" value="#F6F6EC"/>
    <hugo-green jcr:primaryType="nt:unstructured" value="#AECDC7"/>
    <hugo-gray jcr:primaryType="nt:unstructured" value="#3C3C3C"/>
  </items>
</backgroundColor>

fileupload.xml

<fileupload
    jcr:primaryType="nt:unstructured"
    jcr:title="Files"
    sling:resourceType="granite/ui/components/foundation/form/fieldset">
    <items jcr:primaryType="nt:unstructured">
    <file
        jcr:primaryType="nt:unstructured" 
        sling:resourceType="granite/ui/components/coral/foundation/form/fileupload"
        autoStart="{Boolean}true"
        cq-msm-lockable="/file"
        fieldLabel="Upload files"
        mimeTypes="[image/png,image/jpeg,application/pdf]"
        multiple="{Boolean}false"
        name="./file"
        sizeLimit="100000000"
        text="Upload file"
        uploadUrl="/content/dam/someurl"
        uploadUrlBuilder=""/>
    </items>
</fileupload>

multifield

<headlines
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/multifield"
    fieldDescription="Click 'Add field' to add new content dropdown."
    fieldLabel="Headlines">
  <field
      jcr:primaryType="nt:unstructured"
      sling:resourceType="granite/ui/components/foundation/form/textfield"
      required="true"
      name="./headlines"/>
</headlines>

multifield__AEM6.3.xml

<!-- 
Usage:
<sly data-sly-list="${resource.children}">
    <sly data-sly-list="${item.children}">
        ${item.linkText}
        ${item.linkUrl}
    </sly>
</sly>
-->

<!-- 
How to define min/max item limit: http://experience-aem.blogspot.com/2018/01/aem-6310-touch-ui-add-min-max-limit-to-coral-3-multifield.html
-->

<nav
    sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
    fieldDescription="Click '+' to add a new link"
    fieldLabel="Links"
    jcr:primaryType="nt:unstructured"
    composite="{Boolean}true">
    <field sling:resourceType="granite/ui/components/coral/foundation/container"
            jcr:primaryType="nt:unstructured" name="./items">
        <items jcr:primaryType="nt:unstructured">
            <linkText
                sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
                fieldLabel="Link Text"
                jcr:primaryType="nt:unstructured"
                name="./linkText" />
            <linkurl
                sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
                fieldLabel="Link Url"
                jcr:primaryType="nt:unstructured"
                name="./linkUrl" />
        </items>
    </field>
</nav>

multifield__nested--acs__before-aem6.2

<footernavitems jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/foundation/form/multifield"
        class="full-width"
        fieldDescription="Click '+' to add a new link"
        fieldLabel="Links">
    <field jcr:primaryType="nt:unstructured"
           sling:resourceType="granite/ui/components/foundation/form/fieldset"
           acs-commons-nested="NODE_STORE"
           name="./footernavitems">
        <layout jcr:primaryType="nt:unstructured"
                sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"
                method="absolute"/>
        <items jcr:primaryType="nt:unstructured">
            <column jcr:primaryType="nt:unstructured"
                    sling:resourceType="granite/ui/components/foundation/container">
                <items jcr:primaryType="nt:unstructured">
                    <text jcr:primaryType="nt:unstructured"
                          sling:resourceType="granite/ui/components/foundation/form/textfield"
                          fieldLabel="Text"
                          name="./text"/>
                    <link jcr:primaryType="nt:unstructured"
                          sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
                          fieldLabel="Link"
                          name="./link"
                          rootPath="/content/tesla-configurator"/>
                    <hideOnMobile
                          jcr:primaryType="nt:unstructured"
                          sling:resourceType="granite/ui/components/foundation/form/checkbox"
                          text="Hide on mobile?"
                          value="true"
                          name="./hideOnMobile"/>
                </items>
            </column>
        </items>
    </field>
</footernavitems>

numberfield

<columnWidth
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/numberfield"
    fieldLabel="Field width in grid"
    defaultValue="4"
    min="1"
    max="12"
    step="1"
    name="./columnWidth"/>

numberfield--coral

<columnWidth
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/numberfield"
    fieldLabel="Field width in grid"
    defaultValue="4"
    min="1"
    max="12"
    step="1"
    name="./columnWidth"/>

pathbrowser

<buttonPath
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
    rootPath="/content/"
    emptyText="Path to target page"
    fieldLabel="Button Link"
    name="./buttonPath"/>

pathbrowser--coral.xml

<buttonPath
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/pathbrowser"
    rootPath="/content/"
    emptyText="Path to target page"
    fieldLabel="Button Link"
    name="./buttonPath"/>

richttext

http://stackoverflow.com/questions/34309445/aem-6-1-enable-rich-text-editor-rte-plugins-on-touch-ui

-------

<longDescriptionText
    jcr:primaryType="nt:unstructured"
    sling:resourceType="cq/gui/components/authoring/dialog/richtext"
    fieldDescription="Sets the description that appears on the profiled person's page."
    fieldLabel="Long Description*"
    required="true"
    useFixedInlineToolbar="{Boolean}true"
    name="./longDescriptionText">
    <rtePlugins jcr:primaryType="nt:unstructured">
        <format
            jcr:primaryType="nt:unstructured"
            features="[bold,italic]"/>
        <justify
            jcr:primaryType="nt:unstructured"
            features="[]"/>
        <lists
            jcr:primaryType="nt:unstructured"
            features="[]"/>
    </rtePlugins>
</longDescriptionText>

select

<linkColor
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/select"
    fieldLabel="Link Color"
    name="./linkColor">
  <items jcr:primaryType="nt:unstructured">
    <primary jcr:primaryType="nt:unstructured"
      text="Primary"
      value="primary"/>
    <secondary jcr:primaryType="nt:unstructured"
      text="Secondary"
      value="secondary"/>
  </items>
</linkColor>

select--coral.xml

<linkColor
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/select"
    fieldLabel="Link Color"
    name="./linkColor">
  <items jcr:primaryType="nt:unstructured">
    <primary jcr:primaryType="nt:unstructured"
      text="Primary"
      value="primary"/>
    <secondary jcr:primaryType="nt:unstructured"
      text="Secondary"
      value="secondary"/>
  </items>
</linkColor>

text

<intro
    jcr:primaryType="nt:unstructured"
    sling:resourceType="wcm/foundation/components/text"
    text="Please note that this component is not to be used to include JavaScript or CSS."/>
    
    
 OR
 
 <info
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/text"
    text="Please note that this component is not to be used to include JavaScript or CSS."/>

text--coral

<inputgroup
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/text"
    text="Enable user sharing for"/>

textarea

<html
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/textarea"
    fieldLabel="HTML"
    name="./html"
    required="true"/>

textarea--coral

<html
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
    fieldLabel="HTML"
    name="./html"
    required="true"/>

textfield

<inputExtraCssClass
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/textfield"
    fieldLabel="Input CSS class"
    name="./inputExtraCssClass"/>

textfield--coral

<carModel
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
    fieldLabel="Model"
    value="carModel"
    name="./carModel"/>

This one gist is more helpful than reading hours of AEM documentation. Thank you.

Please share the code for radio button. I have tried few other code for radio button but those are not working.

Thanks for this code. Very helpful.