[Feature] Add Empty component#448
Merged
Merged
Conversation
Port the shadcn Empty component: a centered empty-state surface for when there is no data or content. Parts: Empty, EmptyHeader, EmptyMedia (default/icon variants), EmptyTitle, EmptyDescription, EmptyContent. Translates shadcn's cn-empty-* CSS layer to Tailwind v4 utilities. No JS. Docs page, route, controller, menu, site_files and MCP registry updated.
![cubic-dev-ai[bot]](https://avatars.githubusercontent.com/in/1082092?s=60&v=4){kind=small}
cirdes
approved these changes
Jun 30, 2026
djalmaaraujo
added a commit
that referenced
this pull request
Jul 1, 2026
Bump RubyUI to 1.5.0 (minor: new components since v1.4.0). - gem/lib/ruby_ui.rb → 1.5.0; regenerate gem/ and docs/ Gemfile.lock - docs home hero badge → headline features (Bubble, Message, Empty) - rebuild mcp/data/registry.json Highlights since v1.4.0: - New components: Bubble (#445), Message (#446), Message Scroller (#447), Empty (#448) - Port hover_card & context_menu to Floating UI, drop Popper.js (#438) - Bug fixes: Dialog closed-state + docs controller (#458), DropdownMenu z-index (#440)
djalmaaraujo
added a commit
that referenced
this pull request
Jul 1, 2026
Bump RubyUI to 1.5.0 (minor: new components since v1.4.0). - gem/lib/ruby_ui.rb → 1.5.0; regenerate gem/ and docs/ Gemfile.lock - docs home hero badge → headline features (Bubble, Message, Empty) - rebuild mcp/data/registry.json Highlights since v1.4.0: - New components: Bubble (#445), Message (#446), Message Scroller (#447), Empty (#448) - Port hover_card & context_menu to Floating UI, drop Popper.js (#438) - Bug fixes: Dialog closed-state + docs controller (#458), DropdownMenu z-index (#440)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Ports the shadcn Empty component to RubyUI — a centered empty-state surface for when there is no data or content (no results, no messages, first-run states).
Reference:
apps/v4/registry/bases/radix/ui/empty.tsxParts
Empty— dashed-border centered containerEmptyHeader— stacks media + title + descriptionEmptyMedia—variant:default(bare) oricon(muted rounded media box)EmptyTitle/EmptyDescription— heading + muted supporting copyEmptyContent— slot for actions (buttons, inputs)Notes
cn-empty-*CSS layer; this port translates every rule to Tailwind v4 utilities. No custom CSS, no JS.dependencies.ymlentry (Empty has no required component/gem/JS deps).Testing
cd gem && bundle exec rake→ tests + StandardRB green./docs/empty: default icon state, with-action state, and default (avatar) media verified.Screenshots
Add
/docs/emptyscreenshot.Summary by cubic
Adds the Empty component suite for empty states in RubyUI. Ported from shadcn and built with Tailwind v4 utilities—no JS and no new dependencies.
Written for commit 66b0f37. Summary will update on new commits.