LifeDS

Components

Component

Empty

Placeholder for empty states, 404 pages, and other zero-data views. Composes an icon/avatar, title, description and actions.

EmptyMediavariant: default · icon
EmptyHeadericon/avatar + title + description
EmptyContentactions — buttons, inputs
Playground
No Projects Yet
You haven't created any projects yet. Get started by creating your first project.

Basic — with actions

No Projects Yet
You haven't created any projects yet. Get started by creating your first project.

Outline — dashed border

No cloud files
Files you upload will sync here automatically.

Muted background

No notifications
You're all caught up. New notifications will appear here.

With avatar

MJ
Maria is offline
Messages will be delivered once they're back online.

With avatar group

SCJDMK
No team members yet
Invite your team to start collaborating on this workspace.

404 — with search input

404 — Page not found
The page you're looking for doesn't exist. Try searching for what you need.

RTL support

لا توجد مشاريع بعد
لم تقم بإنشاء أي مشاريع بعد. ابدأ بإنشاء مشروعك الأول.

Tokens used

4 semantic tokens consumed by this component.

--foregroundForeground
text-foreground
--muted-foregroundMuted Foreground
text-muted-foreground
--mutedMuted
bg-mutedtext-mutedborder-muted
--borderBorder
border-borderborder