ListEmptyState

ListEmptyState renders a standard empty state for list and table views, with optional messaging and actions when filters hide all matching items.

Code

import { ListEmptyState } from "@falcon/ui-kit/dist/legacy";

export function Example() {
  return <ListEmptyState itemsName="clients" />;
}

With Filters Applied

Code

import { ListEmptyState } from "@falcon/ui-kit/dist/legacy";

export function Example() {
  return (
    <ListEmptyState
      isFilterApplied
      itemsName="clients"
      onClearFilters={() => {}}
    />
  );
}

API

ListEmptyState

Props

border

border?: boolean

className

className?: string

isFilterApplied

isFilterApplied?: boolean

itemsName

itemsName?: string = "items"

onClearFilters

onClearFilters?: (() => void)

sx

sx?: StyleProps