mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
* [ADF-3323] Fixed URL path to Typescript source files * [ADF-3323] Fixed and checked broken links caused by previous bug
2.1 KiB
2.1 KiB
Added, Status, Last reviewed
Added | Status | Last reviewed |
---|---|---|
v2.4.0 | Active | 2018-06-08 |
Empty Content Component
Provides a generic "Empty Content" placeholder for components.
Basic usage
<adf-document-list>
<empty-folder-content>
<ng-template>
<adf-empty-content
icon="star_rate"
title="APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE"
subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
</adf-empty-content>
</ng-template>
</empty-folder-content>
</adf-document-list>
Class members
Properties
Name | Type | Default value | Description |
---|---|---|---|
icon | string |
"cake" | Material Icon to use |
subtitle | string |
"" | String or Resource Key for the title |
title | string |
"" | String or Resource Key for the subtitle |
Details
Usage examples
<adf-document-list>
<empty-folder-content>
<ng-template>
<adf-empty-content
icon="star_rate"
title="APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE"
subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
</adf-empty-content>
</ng-template>
</empty-folder-content>
</adf-document-list>
You can also use multiple lines instead of the subtitle section:
<adf-document-list>
<empty-folder-content>
<ng-template>
<adf-empty-content
icon="delete"
title="APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE">
<p class="adf-empty-content__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}</p>
<p class="adf-empty-content__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</p>
</adf-empty-content>
</ng-template>
</empty-folder-content>
</adf-document-list>