> This page is for Docs.

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

# Visibility versus conditional rendering

> When to use visibility versus conditional rendering to hide, show, or conditionally include elements in an experience.

When to use visibility versus conditional rendering to hide, show, or conditionally include elements in an experience.

There are two ways to control whether content appears in an experience:

| Use                                                                | Feature               |
| ------------------------------------------------------------------ | --------------------- |
| Hide or display an existing element while keeping it on the page   | Visibility            |
| Add or remove elements from the rendered page based on a condition | Conditional rendering |

Visibility hides an element by changing its display behavior while keeping it part of the page. Conditional rendering prevents the element from being rendered until the specified condition is met, which can improve performance and avoid unnecessary processing for dynamic applications.