Empty State

An Empty State is used when no data is available for display.

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Example


                                                        
                                                        
                                                            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>
                                                            }
                                                            pictogram="folder"
                                                        />