Skip to content
Xng UI
Docs CDK Components Tools Contribute About

Empty state

@xngui/components/empty-state
@xngui/components/empty-state

Placeholder when a list or panel has no content.

Preview

No data

Create your first project to get started.

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 {}

Events

Interact with the preview — events will appear here.