syncfusion-vue-barcode
Implementing Syncfusion Vue Barcode Generator
Generate professional barcodes, QR codes, and Data Matrix codes in Vue applications using Syncfusion's barcode components. Supports multiple barcode types, export formats, and comprehensive customization options.
When to Use This Skill
- Implement barcode generation: Create Code39, Code128, Code93, and other barcode types
- Generate QR codes: Create scannable 2D QR codes for URLs, contact info, or data sharing
- Create Data Matrix codes: Generate industrial 2D barcodes for product tracking and labels
- Export barcodes: Download barcodes as images (PNG, JPG, SVG) or Base64 strings
- Customize appearance: Style barcode dimensions, colors, rendering modes (SVG vs Canvas)
- Add barcodes to Vue apps: Integrate components using Composition API or Options API
- Real-world implementations: Product barcodes, inventory tracking, shipping labels, QR code menus
Documentation Guide
Getting Started
📄 Read: references/getting-started.md
- Installation and npm dependencies
More from syncfusion/vue-ui-components-skills
syncfusion-vue-rich-text-editor
Implements the Syncfusion Vue Rich Text Editor (ejs-richtexteditor) supporting both HTML (WYSIWYG) and Markdown editing modes via the editorMode API from @syncfusion/ej2-vue-richtexteditor. Use this skill for toolbar customization, image upload, paste cleanup, inline editing, AI assistant integration, slash menu, emoji picker, and mention support in Vue applications.
6syncfusion-vue-scheduler
Implement event scheduling, calendar views, and appointment management using Syncfusion Vue Scheduler component. Use this skill when working with calendars, event scheduling, appointment booking systems, resource management, timeline views, recurring events, drag-and-drop event handling, or any scenario involving time-based event visualization and management in Vue applications. Trigger for scheduler implementations, calendar integrations, booking systems, meeting planners, task schedulers, or resource allocation tools.
5syncfusion-vue-chat-ui
Implement the Syncfusion Vue Chat UI component for Vue chat interfaces, messaging applications, conversational UI, chat widgets, real-time messaging, user-to-user communication, bot integrations, customer support chat, collaborative messaging, instant messaging features, chat rooms, or when user mentions "chat ui", "chat component", "messaging interface", "conversation view", or @syncfusion/ej2-vue-interactive-chat package.
5syncfusion-vue-themes
Use this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfusion Vue components. Covers icon library, size modes, and Theme Studio integration.
5syncfusion-vue-common
Common utilities and features for Syncfusion Vue components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL support, localization, globalization, security, templates, and advanced features for Syncfusion Vue components.
5syncfusion-vue-speech-to-text
Implement the Syncfusion Vue Speech-to-Text component. Instructions for integrating voice input, real-time transcription, language configuration, programmatic control, event handling, UI customization, browser compatibility, and security considerations for microphone-enabled applications.
5