Ecosystem

etiket

Editor knowledge for comark-etiket barcodes and QR codes — directive names, props, and completion rules wired into comark-codemirror.

comark-etiket barcodes and QR codes. Full plugin docs live at comark-etiket.

import etiket from 'comark-codemirror/plugins/etiket'

comark({ plugins: [etiket()] })

What it adds

  • Components: ::qrcode, ::microqr, ::rmqr, ::barcode, ::postal, ::datamatrix, ::gs1datamatrix, ::pdf417, ::micropdf417, ::aztec, ::maxicode, ::dotcode, … (29)

Components

ComponentPropsSlots
::qrcodevalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::microqrvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::rmqrvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::barcodevalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::postalvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::datamatrixvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::gs1datamatrixvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::pdf417value, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::micropdf417value, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::aztecvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::maxicodevalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::dotcodevalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::hanxinvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::codablockfvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::code16kvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::jabcodevalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-wifivalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-emailvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-smsvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-geovalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-urlvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-phonevalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-vcardvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-mecardvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-eventvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::swiss-qrvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::gs1-digital-linkvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::barcode-sheetvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–
::qr-sheetvalue, size, output (svg | img | png), color, ec-level (L | M | Q | H)–

For agents

Included in llms():

Barcodes and QR codes (comark-etiket): ::qrcode{value="https://…"} … ::; other symbologies take the same props (value, size, color, output).

Copyright © 2026