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"/>

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.

Awesome, thanks!

Thank you! as others have said, its better than adobe documentation

Great!

great work

Wow, nice, and a big thank you for this gist