https://github.com/alizayayesha/copy-to-clipboard

using jQuery made a copy to clipboard project https://alizayayesha.github.io/Copy-To-Clipboard/
https://github.com/alizayayesha/copy-to-clipboard

clipboardjs copy-paste css3 html javascript javascript-library jquery sass scss

Last synced: about 1 month ago
JSON representation

using jQuery made a copy to clipboard project https://alizayayesha.github.io/Copy-To-Clipboard/

• Host: GitHub
• URL: https://github.com/alizayayesha/copy-to-clipboard
• Owner: AlizayAyesha
• Created: 2024-07-06T00:59:10.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-07-06T01:11:12.000Z (11 months ago)
• Last Synced: 2025-03-30T15:04:02.335Z (2 months ago)
• Topics: clipboardjs, copy-paste, css3, html, javascript, javascript-library, jquery, sass, scss
• Language: SCSS
• Homepage: https://alizayayesha.github.io/Copy-To-Clipboard/
• Size: 6.84 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Copy-To-Clipboard-jQuery

This project demonstrates a simple implementation of copy-to-clipboard functionality using jQuery and SASS (SCSS). It provides a straightforward way to copy text from a  element to the user's clipboard with a click of a button.

## Features

Copy Text: Allows users to copy text from a  by clicking a dedicated button.


Visual Feedback: Displays a brief confirmation message when text is successfully copied.

![image](https://github.com/AlizayAyesha/Copy-To-Clipboard-jQuery/assets/68489612/33c125fb-81c4-4536-b809-8312b361def5)

## Technologies Used

jQuery: Used for DOM manipulation and handling click events.


SASS (SCSS): Enhances CSS with variables, nesting, and more, compiled into standard CSS for styling.

## Usage Notes

Ensure compatibility with modern browsers, especially for the Clipboard API used in main.js.


Customize styles and behavior as needed for your specific application.

## Credits

FontAwesome: Utilized for the copy icon (ensure to include the correct CDN link in index.html).


Google Fonts: Used for typography (Montserrat and Playfair Display).

## License

This project is licensed under the MIT License. See the LICENSE file for details.