From 47db3df0a12ee47dde5a04ef81d001da9ebc9ead Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 14 May 2021 13:29:14 +0100
Subject: [PATCH] Add optional info text to components

---
 .../design/PropertiesPanel/SettingsView.svelte           | 9 ++++++---
 packages/standard-components/manifest.json               | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte b/packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte
index 9a81a0dba3..eeb4fe1bb3 100644
--- a/packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte
@@ -156,8 +156,11 @@
       {/if}
     {/each}
   {:else}
-    <div class="empty">
-      This component doesn't have any additional settings.
+    <div class="text">This component doesn't have any additional settings.</div>
+  {/if}
+  {#if componentDefinition?.info}
+    <div class="text">
+      {@html componentDefinition?.info}
     </div>
   {/if}
 
@@ -185,7 +188,7 @@
     height: 100%;
     gap: var(--spacing-s);
   }
-  .empty {
+  .text {
     font-size: var(--spectrum-global-dimension-font-size-75);
     margin-top: var(--spacing-m);
     color: var(--grey-6);
diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index 65aa159e4e..1c8502c0f5 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -1381,6 +1381,7 @@
   },
   "dataprovider": {
     "name": "Data Provider",
+    "info": "Pagination can only be used with data sources that are tables.",
     "icon": "Data",
     "styleable": false,
     "hasChildren": true,