Skip to content

Conversation

@jlowin
Copy link
Owner

@jlowin jlowin commented Dec 7, 2025

Replaces the custom VersionBadge component implementation with Mintlify's native Badge component while preserving the original custom color and border styling.

Changes

  • Updated VersionBadge component to use Mintlify's Badge component with stroke, size='lg', and icon='gift' props
  • Maintains custom color (#ff5400) and border styling via CSS class targeting
  • Preserves hover effects and dark mode support
  • All existing MDX files continue to work without changes

The component now leverages Mintlify's built-in sizing, typography, and icon rendering while maintaining the original visual design through CSS overrides.

Replace custom VersionBadge implementation with Mintlify's native Badge component while preserving custom color and border styling via CSS. This leverages Mintlify's built-in sizing, typography, and icon support while maintaining the original visual design.
@jlowin jlowin added the enhancement Improvement to existing functionality. For issues and smaller PR improvements. label Dec 7, 2025
@jlowin jlowin merged commit 597286a into main Dec 7, 2025
12 of 13 checks passed
@jlowin jlowin deleted the update-version-badge-to-mintlify-native branch December 7, 2025 02:23
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Dec 7, 2025

Caution

Review failed

The pull request is closed.

Walkthrough

This pull request refactors the version badge implementation across styling and markup layers. The CSS file transitions from explicit inline styling to CSS variable-based theming with !important declarations, affecting both light and dark mode presentations while maintaining hover behaviors and removing the dedicated container block. The component markup is simultaneously simplified from a nested HTML structure to a single Badge component element. The public API remains unchanged, with alterations limited to internal rendering and stylesheet organization.

✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch update-version-badge-to-mintlify-native

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8771f29 and c0f684e.

📒 Files selected for processing (2)
  • docs/css/version-badge.css (1 hunks)
  • docs/snippets/version-badge.mdx (1 hunks)

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.

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

Labels

enhancement Improvement to existing functionality. For issues and smaller PR improvements.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants