Skip to content

feat: add Pill component and missing component with demos, update readme#23400

Open
r1chm8 wants to merge 1 commit into
masterfrom
rm/ui-components
Open

feat: add Pill component and missing component with demos, update readme#23400
r1chm8 wants to merge 1 commit into
masterfrom
rm/ui-components

Conversation

@r1chm8
Copy link
Copy Markdown
Contributor

@r1chm8 r1chm8 commented Jun 4, 2026

Summary

Adds several new design-system components with demos and documentation, and tidies up imports on the pages that consume them.

New component

  • Pill — compact rounded label for tags/statuses; renders as a div or button, supports default/success/none variants (built to extend with more) and an icon via iconPath or icon.

Updated component

  • Image — image wrapper with aspect-ratio presets (collection/mod/other), optional blur, error fallback, and a fit prop (cover/contain) controlling object-fit.

Demos & docs

  • Demo components for all components missing demos, wired into the dev-only DesignSystemPage.
  • ui/README.md updated for all new components and directory entries.

Refactors

  • CollectionTile now uses the shared Image component.
  • Converted deep relative imports to the @/ alias in BrowseNexusPage, DesignSystemPage, and CollectionTile.

@r1chm8
feat: add Pill and Image components with demos
ba1fea9 
Add Pill (with success variant) and Image (with object-fit) components,
demos and README docs for the new UI components, and switch affected
pages to the @/ import alias.
@r1chm8 r1chm8 requested a review from a team as a code owner June 4, 2026 09:39
@r1chm8 r1chm8 self-assigned this Jun 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

@r1chm8 r1chm8

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@r1chm8