Skip to content

feat: add EmptyState component with configurable illustration and CTA - #196

Open
Buchi-Einstein wants to merge 2 commits into
AudioBitsStellar:mainfrom
Buchi-Einstein:issue-99-emptystate
Open

feat: add EmptyState component with configurable illustration and CTA#196
Buchi-Einstein wants to merge 2 commits into
AudioBitsStellar:mainfrom
Buchi-Einstein:issue-99-emptystate

Conversation

@Buchi-Einstein

Copy link
Copy Markdown

Implements a reusable EmptyState component for meaningful empty states.

  • Configurable illustration (React node), title, description, primary CTA, secondary CTA
  • Illustration centered above text content
  • Primary CTA styled as filled Button, secondary as outline
  • Minimum height (280px) prevents layout shift
  • Centered layout with max-width constraint (max-w-sm)
  • Configurable heading level (h1-h6, default h2)
  • Illustration rendered with aria-hidden for accessibility
  • Built-in illustration variants: NoCollections, NoResults, NoRecentlyPlayed, NoFollowers
  • Illustrations stored in components/ui/EmptyState/

Closes #99

@vercel

vercel Bot commented Jul 27, 2026

Copy link
Copy Markdown

Someone is attempting to deploy a commit to the akatenvictor's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jul 27, 2026

Copy link
Copy Markdown

@Buchi-Einstein Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Buchi-Einstein

Copy link
Copy Markdown
Author

@Akatenvictor please merge pr

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create EmptyState component with configurable illustration and CTA

1 participant