• Adeniji Adekunle James's avatar
    feat: add copy to clipboard functionality for code blocks (#934) · e554fd96
    Adeniji Adekunle James 提交于
    ## 🚀 Feature: Copy to Clipboard for Code Blocks
    
    ### What's Changed
    - Added a copy button to all code blocks that allows users to easily
    copy code snippets
    - Implemented visual feedback showing a checkmark when code is
    successfully copied
    - Copy button automatically reverts back after 2 seconds
    
    ### Technical Details
    - Uses `navigator.clipboard.writeText()` for modern clipboard API
    - Positioned copy button in the top-right corner alongside language
    label
    - Maintains existing code highlighting functionality
    
    ### UI/UX Improvements
    - Clean, minimal copy button design that doesn't interfere with code
    readability
    - Clear visual feedback with copy and check icon transition
    - Consistent styling with existing theme system
    
    ### Video
    
    
    
    https://github.com/user-attachments/assets/8f388217-da8a-422e-9087-42cce8df68ad
    
    ---------
    Co-authored-by: 's avatarWill Chen <willchen90@gmail.com>
    e554fd96
CodeHighlight.tsx 2.8 KB