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.

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.

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.

Page Not Available#

404

Page is not available right now

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

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.

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.

API Reference#

Explore the available props for the <Empty.Redirect/> component

Property	Description	Type	Default
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
buttonType	Redirect Button type	primary dashed text linkPrimary linkGray outlineGray outlinePrimary default	primary
className	Custom class to style the redirect button.	string	None