@kit-ng-ui/empty

Empty-state placeholder for Kit UI. Mirrors ant-design's <Empty>.

Install

pnpm add @kit-ng-ui/empty @kit-ng-ui/core

Styles

@use '@kit-ng-ui/core/styles' as *;
@use '@kit-ng-ui/empty/styles' as empty;

Use

import { KitEmptyComponent } from '@kit-ng-ui/empty';

@Component({
  standalone: true,
  imports: [KitEmptyComponent],
  template: `
    <kit-empty />
    <kit-empty image="simple" description="No tags" />
    <kit-empty image="/illustrations/empty.svg" description="Nothing here">
      <button>Create one</button>
    </kit-empty>
  `,
})
export class Demo {}

API

| Input | Type | Default | Description | | ------------- | --------------------------------- | ----------- | -------------------------------------------------------------------------- | | image | 'default' \| 'simple' \| string | 'default' | Built-in illustration preset, or a URL pointing at a custom asset. | | description | string \| null | null | Description text. null → "No data". Pass '' to hide the line. | | imageStyle | Record<string, string> \| null | null | Reserved for inline image styling overrides. |

Project content inside <kit-empty> to render an action row below the description.