EmptyState

To install, type the following into the command line at the root of your project:

npm i @brighthr/component-empty-state

To implement the EmptyState component into your project you’ll need to add the import:

import EmptyState from '@brighthr/component-empty-state';

After adding import into your project you can use it simply like:

<EmptyState />

Props

| Name | Type | Default | Description | |------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------|-----------------------------------------------| | size | 'xxs' 'xs' 'sm' 'base' 'lg' 'xl' 'xxl' | 'sm' | Sets how large the empty state image will be. | | type | 'no-documents' 'no-items' 'no-search-results' 'no-applicants' 'no-files-uploaded' 'no-address' 'no-data' 'no-notes' 'no-rotas' 'no-shifts' 'no-assignments' 'no-kudos' | | Sets the image to display (see below). |