mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00

Andy Stark a7cdcbf7b9 [ADF-3551] Doc review updates (#3789 )

* [ADF-3551] Updated docs plus minor ToC tool fix

* [ADF-3551] Updated docs and JSDocs

* [ADF-3551] Updated docs and JSDocs

2018-09-13 18:08:47 +01:00

2.1 KiB

Raw Blame History

Added, Status, Last reviewed

Added	Status	Last reviewed
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>

2.1 KiB Raw Blame History