Skip to content

feat(Breadcrumb): add color prop#6406

Open
maximepvrt wants to merge 3 commits intonuxt:v4from
maximepvrt:breadcrumb-color
Open

feat(Breadcrumb): add color prop#6406
maximepvrt wants to merge 3 commits intonuxt:v4from
maximepvrt:breadcrumb-color

Conversation

@maximepvrt
Copy link
Copy Markdown
Contributor

@maximepvrt maximepvrt commented Apr 28, 2026

Resolves #3052

🔗 Linked issue

❓ Type of change

  • 📖 Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • 👌 Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

📝 Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

@github-actions github-actions Bot added the v4 #4488 label Apr 28, 2026
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 28, 2026

📝 Walkthrough

Walkthrough

Adds an optional color prop to the Breadcrumb component and uses it when generating theme variants so active/link styles can vary by color. The breadcrumb theme removes hardcoded primary focus/text, introduces a color variant (including neutral), and adds compound variants to apply text-{color} for active items and focus-visible:outline-{color}. Documentation and the Nuxt playground were updated with a color: 'secondary' example, and a unit test was added to exercise the new prop.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name Status Explanation Resolution
Description check ❓ Inconclusive The PR description is mostly empty with only an issue reference, but the title and code changes clearly indicate adding a color prop to Breadcrumb. Add a detailed description explaining what the color prop does, why it was added to resolve issue #3052, and verify the documentation and type-of-change checkboxes are properly completed.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The pull request title 'feat(Breadcrumb): add color prop' directly and clearly describes the main change: adding a color prop to the Breadcrumb component. It follows conventional commit standards and matches the changeset content.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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.

@benjamincanac benjamincanac changed the title feat(breadcrumb): add color props feat(Breadcrumb): add color prop Apr 28, 2026
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented Apr 28, 2026

npm i https://pkg.pr.new/@nuxt/ui@6406

commit: c68c919

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

Labels

v4 #4488

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add a color prop to UBreadcrumb

1 participant