> This page is for Home.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Detect empty slots with isEmptySlot

> Use isEmptySlot from @webflow/react to detect empty Slot props and render fallback content.

This update lets code component authors detect empty slots and render fallback content. Webflow now reserves prop names that start with `__wf_`.

**Packages:**

* `@webflow/react` `2.7.0`
* `@webflow/data-types` `2.6.0`

## Check for empty slots

Call [`isEmptySlot`](/code-components/reference/hooks/isEmptySlot) on a Slot prop value. It returns `true` when the slot has no children.

```tsx
import { isEmptySlot } from "@webflow/react";

<div>
  {content}
  {isEmptySlot(content) ? <p>Drop content here</p> : null}
</div>
```

Render fallback content next to the slot, not instead of it. Replacing the slot removes the Designer drop target.

Learn more in the [`isEmptySlot` reference](/code-components/reference/hooks/isEmptySlot).

## Reserved `__wf_` prop names

Webflow reserves prop names that start with `__wf_`, in any letter case. The CLI rejects a library that declares one when you bundle it. Rename the prop so it doesn't use that prefix.