Components
Structure
Empty

Empty

Empty

Editable Example

import { Empty } from "@wfp/react";

() => {
  return (
    <Empty title="No entries found">
      You haven't yet created an entry
    </Empty>
  );
};
PropDefaultDescriptionValue

children

ReactNode
–

The content to be rendered in the empty state.

title

ReactNode
–

The title to be rendered in the empty state.

kind

"undefined" |"large"
large

The kind of empty state to be rendered.

default: large

icon

ReactNode
–

The icon to be rendered in the empty state.

button

ReactNode
–

The button to be rendered in the empty state.

className

string
–

The CSS class name to be appended to the top-level node.

components

–

The replaceable components to be used for the empty state.

On this page

References