Skip to content

📦 refactor(avatar): align with the latest shadcn/ui design standards#570

Open
mikij wants to merge 2 commits intofeat/#462-docs-improvementsfrom
refactor/#515-avatar
Open

📦 refactor(avatar): align with the latest shadcn/ui design standards#570
mikij wants to merge 2 commits intofeat/#462-docs-improvementsfrom
refactor/#515-avatar

Conversation

@mikij
Copy link
Copy Markdown
Contributor

@mikij mikij commented Apr 6, 2026

What was done? 📝

  • Add badge support to avatar component with zShowBadge, zBadgeClass, and zBadgeIcon inputs
  • Replace status indicator with badge implementation
  • Create new demo components for badge and group features
  • Update avatar variants to support badge styling
  • Update documentation to reflect new API changes
  • Remove status-related demo and code paths
  • Refactor avatar group styling

Screenshots or GIFs 📸

|-----Figma-----|
|-----Implementation-----|

Link to Issue 🔗

Closes #515

Type of change 🏗

  • New feature (non-breaking change that adds functionality)
  • Bug fix (non-breaking change that fixes an issue)
  • Refactor (non-breaking change that improves the code or technical debt)
  • Chore (none of the above, such as upgrading libraries)

Breaking change 🚨

The zStatus input has been removed. Use zShowBadge with zBadgeClass or zBadgeIcon instead.

Checklist 🧐

  • Tested on Chrome
  • Tested on Safari
  • Tested on Firefox
  • No errors in the console

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 6, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 5de1aaff-a2ac-45cf-925b-0813716b4b87

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch refactor/#515-avatar

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@mikij mikij force-pushed the refactor/#515-avatar branch 4 times, most recently from 8e8e78b to 367a55f Compare April 6, 2026 16:45
@mikij mikij changed the title Refactor/#515 avatar 📦 refactor(avatar): align with the latest shadcn/ui design standards Apr 6, 2026
@mikij
Copy link
Copy Markdown
Contributor Author

mikij commented Apr 6, 2026

@Luizgomess do we want avatar group count?
image

@mikij mikij force-pushed the refactor/#515-avatar branch from 367a55f to e33d7e6 Compare April 6, 2026 18:17
@mikij mikij requested a review from Luizgomess April 6, 2026 18:21
@mikij mikij force-pushed the refactor/#515-avatar branch from e33d7e6 to 3098545 Compare April 6, 2026 18:49
@mikij mikij linked an issue Apr 6, 2026 that may be closed by this pull request
9 tasks
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.

[Enhancement] Update Avatar component design, features, and API

1 participant