RUI.next

Feedback
Empty

Empty

Empty contains feedback content about empty status.

<Empty message="some content" />
<Empty message="some content" />

Example

Basic usage of Empty component.

Empty without message


Empty with message


Empty with customized style and image


Empty with customized Icon (ReactNode)

API

PropertiesDescriptionTypeDefault
imgThe image node (could be <img src="" /> or <Icon type="" />), which will override ReactNode-
imgStyleThe style of imageCSSProperties-
messageThe description message of empty screenReactNode-