UNPKG

@nocobase/plugin-input-copy-button

Version:

A plugin for adding copy button to single-line text fields

63 lines (48 loc) 1.66 kB
# NocoBase Input Copy Button Plugin This plugin adds clipboard copy functionality to single-line text fields in NocoBase. It displays a copy button (clipboard icon) next to input fields, allowing users to easily copy the content with a single click. ## Features - Adds a copy button to single-line text fields in tables and forms - Works in read-only mode (tables, details, etc.) - Compatible with all Input variants (Text, TextArea, URL) - Shows success/error notifications when copying - Can be enabled/disabled per field through field settings ## Installation ```bash # Using npm npm install @nocobase/plugin-input-copy-button # Using yarn yarn add @nocobase/plugin-input-copy-button ``` ## Usage 1. Open a table or form in design mode 2. Click on a single-line text field's settings (gear icon) 3. Toggle the "Show copy button" switch 4. Save your changes 5. Use the copy button that appears next to enabled fields ## Documentation For more detailed information, visit the [NocoBase documentation](https://docs.nocobase.com/). ## License This project is licensed under the AGPL-3.0 License. ## About NocoBase <div align="center"> <a href="https://www.nocobase.com/" target="_blank"> <img alt="NocoBase" height="200" src="https://www.nocobase.com/images/logo.png" /> </a> </div> <div align="center"> <a href="https://www.nocobase.com/" target="_blank"> Website </a> | <a href="https://docs.nocobase.com/" target="_blank"> Documentation </a> | <a href="https://demo.nocobase.com/" target="_blank"> Online Demo </a> | <a href="https://github.com/nocobase/nocobase" target="_blank"> GitHub </a> </div>