Add optional info text to components

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);

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,