Empty
空状态组件 - 当内容为空时显示的占位提示
动画图标案例
使用 framer-motion 实现的 path 动画效果
动画搜索图标
No Results Found
No content found related to "graffiti art". Try other keywords or adjust filters.
动画文件夹图标
Empty Folder
This folder is empty. Drop files here or create new content.
动画邮箱图标
Inbox Zero
Congrats! You've cleared your inbox. Time to create something amazing.
正常形状案例
使用 regular 形状的空状态展示
Cart is Empty
Start shopping to fill your cart
No Images
Upload your first image to get started
No Documents
Create or import your first document
No Products
Add your first product to the catalog
带动画的完整案例
组合动画效果的空状态展示
创作空白页
Create Your First Zine
An indie magazine is your canvas for creative expression. Start from a blank page and let your ideas flow freely.
收藏夹空状态
No Favorites Yet
Start collecting your favorite items by clicking the star icon on any item.
不同尺寸
适应不同场景的空状态尺寸
No Messages
Your inbox is empty
No Notes
Start writing your first note
No Team Members
Invite your teammates to collaborate on this project
不同状态颜色
使用颜色区分不同状态
Attention Needed
Some items require your attention before proceeding.
Access Denied
You don't have permission to view this content.
All Done!
You've completed all your tasks. Great work!
Getting Started
Follow the guide to set up your workspace.
简洁样式
最小化的空状态展示
No data available
Nothing here yet
Start creating
组件结构
Empty 由多个子组件组成
EmptyRoot container
EmptyIconIcon area
EmptyTitleTitle
EmptyDescriptionDescription text
EmptyActionAction area