alfresco-ng2-components/docs/core/components/empty-content.component.md
Francesco Corti 5a4cc4edda
Release Note for 4.2 - Initial draft. (#6390)
* Release Note for 4.2 - Initial draft.

* update dep

* documentation

* fix

* remove script

* lint

Co-authored-by: Eugenio Romano <eugenio.romano@alfresco.com>
Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>
2020-12-07 21:03:41 +00:00

2.1 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Empty Content Component v2.4.0 Active 2019-02-01

Empty Content Component

Provides a generic "Empty Content" placeholder for components.

Favorites screen

Basic usage

<adf-document-list>
    <adf-custom-empty-content-template>
        <adf-empty-content
            icon="star_rate"
            title="APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE"
            subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
        </adf-empty-content>
    </adf-custom-empty-content-template>
</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>
    <adf-custom-empty-content-template>
        <adf-empty-content
            icon="star_rate"
            title="APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE"
            subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
        </adf-empty-content>
    </adf-custom-empty-content-template>
</adf-document-list>

Favorites screen

You can also use multiple lines instead of the subtitle section:

<adf-document-list>
    <adf-custom-empty-content-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>
    </adf-custom-empty-content-template>
</adf-document-list>

Trashcan screen

See also