Empty State

Empty states are used to fill blank spaces when no content is present, or when the feature is temporarily empty. They are meant to propose a path forward.


                                                        
                                                        
                                                            <template>
                                                          <w-card padding="large">
                                                            <w-stack align-items="center" direction="column" full-width>
                                                              <w-empty-state
                                                                description="Test results, files, images, or general documents you create will be stored on this page."
                                                                title="Manage patient’s documents"
                                                              >
                                                                <div slot="actions">
                                                                  <w-button label="Create document" variant="primary"></w-button>
                                                                </div>
                                                              </w-empty-state>
                                                            </w-stack>
                                                          </w-card>
                                                        </template>

Props

Name	Description	Type	Default
image-src	Provides a link to the image.	string	null
description Required	Provides a description of the empty state.	string	null
title Required	Specifies title text for the empty state.	string	null

Slots

Name	Description
actions	Actions for CTAs