SavedClipboard Component Demo

Interactive Demo

Click the ⎘ button to insert an entry (triggers onInsert callback).

Output

Usage Examples

HTML

<saved-clipboard 
  height="300px"
  placeholder="No saved content yet">
</saved-clipboard>

JavaScript API

const clipboard = document.querySelector('saved-clipboard');

// Save content
const id = clipboard.saveContent('My Label', 'My content here');

// Get all entries
const entries = clipboard.getEntries();

// Get single entry
const entry = clipboard.getEntry(id);

// Remove entry
clipboard.removeEntry(id);

// Clear all
clipboard.clear();

// Handle insert
clipboard.onInsert = (entry) => {
  console.log('Inserted:', entry);
};