Skip to content

Add "Copy to Clipboard" button for shell commands in documentation #645

@Rishi2600

Description

@Rishi2600

Is your feature request related to a problem? Please describe.
When following the Probot Development Docs, there are shell commands such as:

npx create-probot-app my-first-app

Currently, users have to manually select and copy these commands, which can be slightly inconvenient, especially for beginners who want to get started quickly.

Describe the solution you'd like
It would be great to have a small “Copy” clipboard icon button on the right side of each command block that, when clicked, copies the command to the clipboard.
For example:

Add a small clipboard icon (📋) that appears on hover or is always visible.
On click → copy the command text to the clipboard and show a tooltip like “Copied!”.
This would make it more user-friendly and consistent with many modern documentation sites (like Next.js, React, or TailwindCSS).

Describe alternatives you've considered
Manually copying commands works, but it’s slower and slightly error-prone (extra spaces, missed characters, etc.).

Teachability, Documentation, Adoption, Migration Strategy
This would be a simple UI enhancement to the docs site (https://probot.github.io/docs/).
No breaking changes only a better developer experience.
It could be implemented using a small JavaScript snippet or a Docusaurus/Docsify plugin (depending on the docs stack).

Additional context
I’d love to work on this feature and contribute the implementation if approved!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions