Toolbar
Beta

No Results

The FktNoResults component provides a consistent and configurable way to display empty states when no data is available. It supports custom icons, descriptions, and action buttons to guide users on what to do next.

Import

import {FktNoResultsComponent} from "frakton-ng/no-results";

Simple no results

Basic no results display with just a label, perfect for minimal empty states.

No results found

With icon and description

No results display with an icon and descriptive text for better user understanding.

No products available

We couldn't find any products matching your criteria.

With action button

Complete no results state with an action button to guide users on next steps.

No tasks assigned

You don't have any tasks assigned yet.

Search results

No results state specifically designed for search scenarios with clear search action.

No search results

No results found for "angular components". Try different keywords.

Data table empty state

No results configuration optimized for data tables with add record functionality.

No data available

There are no records to display at this time.

File upload empty state

No results state for file management interfaces with upload functionality.

No files found

This folder is empty. Upload some files to get started.

Compact size

Compact no results display for smaller containers or inline usage.

No data

Data will appear here when available.