alfresco-ng2-components/docs/core/empty-content.component.md

Title, Added, Status, Last reviewed

Title	Added	Status	Last reviewed
Empty Content Component	v2.4.0	Active	2018-09-13

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 subtitle.
title	string	""	String or Resource Key for the title.

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>

See also

• Error content component