Home Components Empty State
Empty State
Overview Playground API
A message that displays when there is no information to display.
Usage
Go to home page 

  <goat-empty-state style="height: 40rem" illustration="page" headline="404 : Page not found :(" description="The page you are looking for does not exist. Please check the URL or go back to the homepage." action="Go back to the homepage" action-url="/">
    <div slot="actions">
      <goat-link variant="ghost" href="/">Go to home page
        <goat-icon name="arrow--right"></goat-icon>
      </goat-link>
    </div>
  </goat-empty-state>
Menu 

  <goat-menu empty="true" empty-state-headline="Empty test" empty-state-description="You items list is empty"></goat-menu>
Usage Menu
Work in progress
Properties
Events
Methods
CSS Custom Properties
Previous Next