alfresco-ng2-components/docs/core/empty-content.component.md
Andy Stark e03f3a1a6b [ADF-3323] Fixed broken links in doc files (#3662)
* [ADF-3323] Fixed URL path to Typescript source files

* [ADF-3323] Fixed and checked broken links caused by previous bug
2018-08-14 15:42:45 +01:00

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.

Favorites screen

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>

Favorites screen

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>

Trashcan screen

See also