chore: primefaces#7042 Add additional doc for styling

gcko · Aug 21, 2024 · 8d6e24f · 8d6e24f
1 parent 2bc9397
commit 8d6e24f
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/components/doc/iconfield/theming/tailwinddoc.js b/components/doc/iconfield/theming/tailwinddoc.js
@@ -19,6 +19,19 @@ const Tailwind = {
             })
         })
     },
+    // For each input wrapped with IconField you will need to add styling.
+    //  The following is an example for InputText
+    inputtext: {
+        root: ({ props, context }) => ({
+            className: classNames(
+                // Extend the root stylings with the following:
+                {
+                    'pl-8': context.iconPosition === 'left',
+                    'pr-8': props.iconPosition === 'right'
+                }
+            )
+        })
+    },
 }
         `
     };