Empty State

An empty state indicates there is currently no data available for display.

Component Status

React

Up to date

Usage


                                                        
                                                        
                                                            import { EmptyState } from '@optimus-web/core';
                                                        
                                                        <EmptyState
                                                            primaryText="No open bills"
                                                            secondaryText="All bills are closed or you haven't created one yet."
                                                            action={
                                                                <Link onClick={addBill}>
                                                                    Create new bill
                                                                </Link>
                                                            }
                                                        />
                                                        
                                                            

Storybook

Storybook failed to load. Please connect to the VPN to access.

API

Name

Description

Type

Default

primaryText

Main message

React.ReactNode

-

secondaryText?

Secondary message

React.ReactNode

-

action?

Action component, like a link or a button, offering an alternative to the user

React.ReactNode

-