Empty - Keep React

Empty Component is a user interface element specifically designed to handle situations where a requested page or resource cannot be found. It is often displayed when a user navigates to a URL that doesn't correspond to any existing content within the application or website.

Table of Contents#

Default Empty
Empty Folder
No Result Page
Page Not Available
Not Found Page
No Data Found
API Reference

Default Empty#

Default Empty component shows a Image,title,description and redirect buttons.

404

Oops! You seem to be lost

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.

Go To Home Page

Empty Folder#

Empty Folder component represents that there is not folder found in the application. You can change the image.

404

This folder has gone missing

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.

Go To Home Page

No Result Page#

No Result Page is a user interface element that is displayed when a search or query returns no matching results.

404

Sorry, no result found!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.

Go To Home Page

Page Not Available#

404

This page isn't available right now

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.

Go To Home Page

Not Found Page#

Page Not Available message is typically shown to users when they try to access a web page or content that is currently unavailable or does not exist.

404

404 Not Found

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.

Go To Home Page

No Data Found#

The message No Data Found is commonly displayed to users when a search, query, or request for information yields no results.

404

No Data Found

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.

Go To Home Page

API Reference#

Explore the available props for the empty component

Property	Description	Type	Default
title	Title or heading of the empty component.	string	title
content	Additional content or description for the empty component.	string	content
redirectUrl	URL to redirect users when a certain action is taken.	string	/home
buttonText	Text for the button that triggers a specific action.	string	Go To Home Page
redirectBtnSize	Redirects button size	xs sm md lg	md
image	Image displayed in the empty component.	ReactNode	None
buttonType	Redirect Button type	primary dashed text linkPrimary linkGray outlineGray outlinePrimary default	primary