Área de transferência
Componente de copiar para a área de transferência com múltiplas variantes para diferentes casos de uso. Suporta estilos de botão, campo em linha e bloco de código com feedback animado de sucesso.
Pré-visualização e Código
_clipboard.html.erb
███
█████████ █████████ █████████
██████
███ ██████ ███████████████████████ █████ ████ ███████ █████████ ██
███ ██████ ███████████████████████
█████ ████████████████████████████████████
████████ ███████ ██
clipboard_copy_controller.js
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ ████████████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ████████████ ████████
██████ ██████ █ █
█████ ███████
███████████████ █ █████ ███████ ████████ █████████ ██
████████████████ █ █████ ███████ ████████ ████ █
█
clipboard_component.html.erb
██ ██ ███████████████ ██
███████
█████████████
████████████████████████████████
███████████████████████████████████ ████ ███
██████████████████████████████████████████████ ███████████████ ███
███████████████████████████████████████████████ ████████████████ ███
█████████████████████████████████
██████████ ███████████████████ ███
█
clipboard_component.rb
█ ██████████████████████ ████
█████ ██████████████████ █ ███████████████████
████████ █ █████████ ██████ ████████████
███ █████████████████ ████████ ████████ ██████ ███████ ████████████████ ██████████ █████████████████ █████
█████ █ ████
████████ █ ██████████████
██████ █ █████
████████████████ █ ███████████████
clipboard_copy_controller.js
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ ████████████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ████████████ ████████
██████ ██████ █ █
█████ ███████
███████████████ █ █████ ███████ ████████ █████████ ██
████████████████ █ █████ ███████ ████████ ████ █
█
Changelog
- Initial release with button, inline, and code variants
- Clipboard API with fallback for older browsers
- Configurable success message and duration
Obter Acesso Completo
Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.
Obter Acesso Agora