Native empty-list text and structured empty-state composition.
Preview
Example source could not be loaded: empty-example. Reload this page to retry.Usage
A scalar child selects the centered native empty-list path; size the root to position it. Structured children select the Header/Title/Description/Content composition instead. EmptyMedia supports only the default variant. The Create world example keeps its action and disabled state in the caller.
Composition
The structured example adds EmptyHeader, EmptyTitle, EmptyDescription and EmptyContent around a separately installed Button. It deliberately differs from scalar centered empty-list geometry; the complete empty screen is a web composition.
Installation
Component source
This is the component implementation. Its supporting styles, helpers and resources are also required. See complete manual installation.
"use client";
import { cva } from "class-variance-authority";
import type { VariantProps } from "class-variance-authority";
import * as React from "react";
import { MinecraftProse } from "./minecraft-prose";
import type { MinecraftProseProps } from "./minecraft-prose";
import {
isMinecraftTextContent,
minecraftClasses as cn,
minecraftStyle,Interactive playground
Create your first world. Your adventure starts here.