How to Load TouchUI dialog Specific Clientlibs

For touch UI dialog we can load specific client libs by using extraClientlibs property to the cq:dialog node.

see below snippet Using extraClientlibs property

cq: dialog: {
jcr: primaryType: "nt:unstructured",
jcr: title: "Page",
extraClientlibs: ["category1","category2"],
mode: "edit",
sling: resourceType: "cq/gui/components/authoring/dialog"
}

Using Granite Resource
Add node to cq:dialog with granite component reference (/libs/granite/ui/components/coral/foundation/includeclientlibs)

Use categories property to load both CSS and JS.
Use js property to load only JS
Use CSS property to load the only CSS

{
jcr: primaryType: "nt:unstructured",
categories: ["category1","category2"],

sling: resourceType: "/libs/granite/ui/components/coral/foundation/includeclientlibs"
}