Feedback

Empty

Basic

No data

Description

This component is used to display an empty state in a page.
It can be used to indicate that there is no data to display or that the user has not performed any action yet.


API

Supports global configuration

View the default configuration for this component. Learn more about global configuration.

import { LuiEmptyModule } from '@lqvrent-workspace/lqvrent-ui/empty';
<lui-empty></lui-empty>

lui-empty

component Standalone
PropertyDescriptionTypeDefault
[luiImage]Image componentTemplateRef<void> | nulldefined in config
[luiContent]Content of lui-empty. Can be internationalizedstring | TemplateRef<void> | Record<string, string>defined in config
[luiFooter]Footer of lui-emptystring | TemplateRef<void> | nullnull

More examples

Custom image

No data

Custom content

No data. Please try again later.

Custom content internationalization

No data. Please try again later :)
No data
Previous
Alert
Next
Spin