Photonix UI - React Components, Templates & Figma Design System

SlotPlaceholder

A visual placeholder component often used in empty states or variant selections.

Drag & DropUpload your files here.

Usage

import { SlotPlaceholder } from '@photonix/ultimate';

<SlotPlaceholder
  title="Drag & Drop"
  description="Upload your files here."
/>

Prop	Type	Default	Description
title	`string`	`'SlotPlaceholder'`	Title text
description	`string`	`"Replace this subcomponent in the variant properties with one you've built locally."`	Description text
icon	`React.ReactNode`	`-`	Custom icon
minHeight	`string \| number`	`-`	Minimum height

Default placeholder with title and description.

No ItemsAdd an item to get started.

Basic

<SlotPlaceholder title="No Items" description="Add an item to get started." />

Placeholder with a custom icon.

✅

SuccessFile uploaded successfully.

Custom Icon

<SlotPlaceholder
  title="Success"
  description="File uploaded successfully."
  icon={<Box>✅</Box>}
/>