feat(McpInstallButton): add icon-only mode, configurable header, and Docusaurus styling#7
Merged
Merged
Conversation
…e-aware code blocks - Make `label` prop optional - when omitted, shows only the MCP icon - Add `headerText` prop to customize dropdown header (default: "Choose your AI tool:") - Use grey code blocks in light mode, dark in dark mode (via CSS variables) - Add aria-label for accessibility when in icon-only mode Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Replace custom hardcoded colors with Docusaurus CSS variables: - --ifm-pre-background / --ifm-pre-color for code blocks - --ifm-color-emphasis-* for grays (adapts to light/dark) - --ifm-color-success for success states This allows users to override styles via their Docusaurus theme and ensures consistent theming across light/dark modes. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Docusaurus requires plugins to have a default export. Also updates the example to demonstrate icon-only mode with custom header text. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Owner
Author
Code reviewNo issues found. Checked for bugs and CLAUDE.md compliance. 🤖 Generated with Claude Code |
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
1 participant
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.
Summary
labelprop to show just the MCP iconheaderTextprop (default: "Choose your AI tool:")src/index.tsrequired for Docusaurus plugin loadingNew Props
labelstringheaderTextstring"Choose your AI tool:"CSS Changes
Now uses Docusaurus CSS variables for theming:
--ifm-pre-background/--ifm-pre-colorfor code blocks--ifm-color-emphasis-*for copy buttonTest plan
npm run buildand verify no errors🤖 Generated with Claude Code