Add optional info text to components

This commit is contained in:
Andrew Kingston 2021-05-14 13:29:14 +01:00
parent f82bd4465b
commit e78d686292
2 changed files with 7 additions and 3 deletions

View File

@ -156,8 +156,11 @@
{/if} {/if}
{/each} {/each}
{:else} {:else}
<div class="empty"> <div class="text">This component doesn't have any additional settings.</div>
This component doesn't have any additional settings. {/if}
{#if componentDefinition?.info}
<div class="text">
{@html componentDefinition?.info}
</div> </div>
{/if} {/if}
@ -185,7 +188,7 @@
height: 100%; height: 100%;
gap: var(--spacing-s); gap: var(--spacing-s);
} }
.empty { .text {
font-size: var(--spectrum-global-dimension-font-size-75); font-size: var(--spectrum-global-dimension-font-size-75);
margin-top: var(--spacing-m); margin-top: var(--spacing-m);
color: var(--grey-6); color: var(--grey-6);

View File

@ -1381,6 +1381,7 @@
}, },
"dataprovider": { "dataprovider": {
"name": "Data Provider", "name": "Data Provider",
"info": "Pagination can only be used with data sources that are tables.",
"icon": "Data", "icon": "Data",
"styleable": false, "styleable": false,
"hasChildren": true, "hasChildren": true,