# Barcode Scanner

## Description:

Barcode Scanner

Barcode Scanner is a component which uses webcam to scan the items and store the value of that in the view attribute. It can read different type of barcode types eg: Code128, Code 39, UPC etc..

### Allowed Parent Components:

1. Card Body
2. Col

### Allowed Child Components:

1. Popover
2. Pulse
3. Trigger Before Render
4. Trigger On Scan

### Properties

### ➤ View Attribute

Allowed Values: Attribute

### ➤ Barcode Type

Select the type of barcode. Data will be retrieved from the scanned barcode based on the selected type.

Allowed Values:

1. code\_128\_reader
2. code\_39\_reader
3. code\_39\_vin\_reader
4. ean\_reader
5. ean\_extended\_reader
6. ean\_8\_reader
7. upc\_reader
8. upc\_e\_reader
9. codabar\_reader
10. i2of5\_reader
11. 2of5\_reader
12. code\_93\_reader

### ➤ Start Button Label

Change label for the start button.

Allowed Values: Free text field

### ➤ Stop Button Label

Change label for the stop button.

Allowed Values: Free text field

### ➤ Margin

Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Allowed Values: Any number value

### ➤ Margin Bottom

Select a value to add margin on the bottom of the component.

Allowed Values: Any number value

### ➤ Margin Left

Select a value to add margin on the left of the component.

Allowed Values: Any number value

### ➤ Margin Right

Select a value to add margin on the right of the component.

Allowed Values: Any number value

### ➤ Margin Top

Select a value to add margin on the top of the component.

Allowed Values: Any number value

### ➤ Padding

Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Allowed Values: Any number value

### ➤ Padding Bottom

Select a value to add padding in the bottom of the component.

Allowed Values: Any number value

### ➤ Padding Left

Select a value to add padding in the left of the component.

Allowed Values: Any number value

### ➤ Padding Right

Select a value to add padding in right of the component.

Allowed Values: Any number value

### ➤ Padding Top

Select a value to add padding in top of the component.

Allowed Values: Any number value