---
title: Empty Screen
---
import { EmptyScreen } from "@calcom/ui/components/empty-screen";
import { RenderComponentWithSnippet } from "@/app/components/render"
import { Row } from "@/app/components/row"
import { BasicExample } from "./emptyScreen.basic"
import { CustomIconExample } from "./emptyScreen.customIcon"
import { RawButtonExample } from "./emptyScreen.rawButton"
import { BorderExample } from "./emptyScreen.border"
import { HtmlContentExample } from "./emptyScreen.htmlContent"

## Basic Usage

A simple empty screen with an icon, headline, description, and action button.

<BasicExample/>

## Custom Icon

Empty screen with a custom icon and styling.

<CustomIconExample/>

## Raw Button

Empty screen with custom button layout.

<RawButtonExample/>

## Border Variations

Empty screen with different border styles.

<BorderExample/>

## HTML Content

Empty screen with custom HTML content in headline and description.

<HtmlContentExample/>