Skip to content

[FEATURE] Add a copy code feature for every code block in the documentation. #191

@ommprasad-programmer

Description

@ommprasad-programmer

Feature Description

Describe the feature clearly.
Add a GitHub-style copy button to all documentation code blocks.
The button should appear in the top-right corner of each code block and allow users to copy the entire snippet with a single click.

Problem It Solves

Currently, users must manually select and copy code snippets from the documentation.
This creates a poor developer experience, especially when working with large code examples.

Proposed Solution

Add a copy button to every code block.
Use the Clipboard API to copy code content.
Show temporary feedback after copying, such as:
Copied!
icon change
tooltip notification
Ensure the design matches GitHub-style code block interactions.

Additional Context

Current code blocks do not include any copy functionality.

Reference UI:

GitHub documentation/code block behavior
Top-right aligned copy button
Minimal and clean interaction design

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions