Open
Conversation
Add comprehensive barcode generation components powered by the 'etiket' library: Components: - EtiketBarcode: 1D barcodes (CODE128, EAN, UPC, etc.) - EtiketQRCode: QR code generation - EtiketDataMatrix: Data Matrix 2D codes - EtiketPDF417: PDF417 barcodes - EtiketAztec: Aztec codes - EtiketIrRenderer: Intermediate representation renderer Features: ✅ Full TypeScript support ✅ Customizable rendering options ✅ SVG-based output ✅ GS1 support for DataMatrix ✅ Error correction controls ✅ Compact variants ✅ Storybook demos All components integrate seamlessly with the svelte-atoms design system.
❌ Deploy Preview for statuesque-boba-0fb888 failed.
|
❌ Deploy Preview for sacore failed.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
📱 Etiket Barcode Components
Add comprehensive barcode and QR code generation components powered by the
etiketlibrary.New Components
1D Barcodes
2D Codes
Utilities
Features
✅ TypeScript Support - Full type definitions for all components
✅ SVG Output - Clean, scalable vector graphics
✅ Customizable - Control colors, sizes, error correction, and more
✅ GS1 Ready - Built-in GS1 DataMatrix encoding
✅ Error Correction - Configurable EC levels for PDF417 and Aztec
✅ Compact Variants - Space-efficient compact modes
✅ Storybook Demos - Interactive examples for all components
Usage Examples
API
All components accept:
value: String data to encodeclass: CSS classes for stylingSee TypeScript definitions in
types.tsfor full API details.Files Added
src/lib/components/etiket/barcode.sveltesrc/lib/components/etiket/qr-code.sveltesrc/lib/components/etiket/datamatrix.sveltesrc/lib/components/etiket/pdf417.sveltesrc/lib/components/etiket/aztec.sveltesrc/lib/components/etiket/ir-renderer.sveltesrc/lib/components/etiket/types.tssrc/lib/components/etiket/index.tssrc/lib/components/etiket/etiket.stories.svelteIntegration
Exported from main components index:
Use Cases
Build Status
✅ All builds pass (~12-24s)