chrome:seo.title.page

chrome:demo.preview

No data

Create your first project to get started.

demo-preview:hints.category.assistive:

Tip

SR

demo-preview:projection.slots-label:

ng-content

[xFooter]

import { Component } from '@angular/core';

import { XButton } from '@xngui/components/button';

import { XEmptyState } from '@xngui/components/empty-state';

import { XIcon } from '@xngui/icons';

@Component({

selector: 'app-example',

imports: [XButton, XEmptyState, XIcon],

templateUrl: './empty-state.component.html',

})

export class ExampleComponent {}

chrome:demo.events.empty

chrome:demo.api.title

chrome:demo.api.col.property

chrome:demo.api.col.type

chrome:demo.api.col.default

chrome:demo.api.col.description

type

XEmptyStateType

'no-data'

Preset illustration and copy variant.

size

XSize

—

Visual size tier — falls back to XConfigService when unset.

density

XDensity

—

Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.

title

string

—

Overrides the preset title for any `type`.

description

string

—

Supporting description below the title.

noDataTitle

string

—

Default title when `type` is `no-data` and `title` is unset — falls back to the `emptyState.noData` i18n key.

noResultsTitle

string

—

Default title when `type` is `no-results` and `title` is unset — falls back to the `emptyState.noResults` i18n key.

errorTitle

string

—

Default title when `type` is `error` and `title` is unset — falls back to the `emptyState.error` i18n key.

generated:catalog.entry.empty-state.title

chrome:demo.preview

No data

chrome:demo.events.title

chrome:demo.api.title

x-empty-state

chrome:demo.section

chrome:demo.preview

No data

chrome:demo.events.title

chrome:demo.api.title