Flutter docs
Default skin

Empty

Empty state placeholder.

When to use

  • When there is no data provided, display for friendly tips.
  • User tutorial to create something in fresh new situation.

Examples

Basic

Simplest Usage.

Choose image

You can choose another style of image by setting image to Empty.PRESENTED_IMAGE_SIMPLE.

Customize

Customize image source, image size, description and extra content.

ConfigProvider

Use ConfigProvider set global Empty style.

Custom semantic dom styling

You can customize the semantic dom style of Empty by passing objects/functions through classNames and styles.

No description

Simplest Usage with no description.

API

Empty are exported from @ceebee/ui/client.

Empty

PropertyDescriptionTypeDefaultVersion
classNamesCustomize class for each semantic structure inside the component. Supports object or function.Record<SemanticDOM, string> | (info: { props })=> Record<SemanticDOM, string>-—
descriptionCustomize descriptionReactNode-—
imageCustomize image. Will treat as image url when string providedReactNodeEmpty.PRESENTED_IMAGE_DEFAULT—
imageStyleThe style of image, please use styles.image insteadCSSProperties-—
stylesCustomize inline style for each semantic structure inside the component. Supports object or function.Record<SemanticDOM, CSSProperties> | (info: { props })=> Record<SemanticDOM, CSSProperties>-—