Skip to main content

Empty

import { Empty } from '@enmovil/ui-design-system';

A placeholder for when there is no data to show, with a simple image and an optional description.

Properties​

PropertyTypeRequiredDefaultAllowed valuesDescription
descriptionReactNodeNo——Text shown below the image. Without it the component's default "No data" text is shown; pass null to show the image alone.

Events​

This component has no events.

Children​

Empty does not accept children.

Variants​

Loading examples…

Playground​

Change the controls to see how the properties affect the component. Values the controls don't cover come from the Default example.

Loading playground…

Storybook​

Open Empty in Storybook to try every story with the full set of controls.