Data

`<kern-copy>`

Technical value in monospace with a copy button (MAC, IP, device ID, commands). The button stops click propagation so a clickable table row does not open.

Examples

Copyable values

Shows a technical value in monospace with a copy button. The text content is copied unless value is set, e.g. to copy a MAC without separators. The button stops click propagation, so it is safe inside a clickable table row.

192.168.1.21

C8:2B:96:1A:3F:00

const out = root.querySelector('.out'); root.addEventListener('kernCopy', (e) => (out.textContent = 'kernCopy → ' + e.detail.value));

Properties

labeldefault Copy · de Kopieren

string | undefined

Tooltip and accessible label of the button.

value

string | undefined

Copied text; defaults to the text content.

Events

kernCopy

CustomEvent<{ value: string; }>

After a successful copy.

Slots

(default)

Displayed text (defaults to value)

CSS parts

button

The copy button