Dash component to create and read QR codes.
Project description
Dash QR manger is a wrapper around react-google-qrcode and react-qr-reader.
Installation
pip install dash-qr-manager
Usage
Creating QR code
import dash_qr_manager as dqm
import dash
import dash_html_components as html
app = dash.Dash(__name__)
app.layout = html.Div(
children=[
dqm.DashQrGenerator(
id='qr-code',
data='http://example.com/',
framed=True,
)
]
)
if __name__ == '__main__':
app.run_server(debug=True)
Reading QR code
import dash_qr_manager as dqm
import dash
from dash.dependencies import Input, Output
import dash_html_components as html
app = dash.Dash(__name__)
app.layout = html.Div(
children=[
dqm.DashQrReader(
id='qr-code-reader',
style={'width': '50%'}
),
html.Div(id='qr-code-data')
]
)
@app.callback(
Output('qr-code-data', 'children'),
Input('qr-code-reader', 'result')
)
def code(qr_code_data):
return qr_code_data
if __name__ == '__main__':
app.run_server(debug=True)
Documentation
DashQrGenerator
Keyword arguments:
- id (string; optional):
The ID used to identify this component in Dash callbacks.
- data (string; optional):
The data to encode.
- framed (boolean; optional):
Adds a frame to the image.
- size (number; optional):
Image size in pixels (width x height). Min value: 30, Max value:
547.
- style (dict; optional):
The style of the QR code.
for more information: https://www.npmjs.com/package/react-google-qrcode
DashQrReader
Keyword arguments:
- id (string; optional):
The ID used to identify this component in Dash callbacks.
- className (string; optional):
ClassName for the container element.
- containerStyle (dict; optional):
Style object for the container element.
- result (string; optional):
decoded data.
- scanDelay (number; optional):
The scan period for the QR hook.
- style (dict; optional):
The style of the QR code.
- videoContainerStyle (dict; optional):
Style object for the video container element.
- videoId (string; optional):
The ID for the video element.
- videoStyle (dict; optional):
Style object for the video element.
for more information: https://www.npmjs.com/package/react-qr-reader
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
dash_qr_manager-0.0.4.tar.gz
(174.0 kB
view hashes)
Built Distribution
Close
Hashes for dash_qr_manager-0.0.4-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | a14b52c6f049a14646e227b69672f81a344f1c0bde53048cd7baa35f697749fc |
|
MD5 | a20db4feac1fdf0dfb9800c88a183313 |
|
BLAKE2b-256 | 0a88f0753448fe9d8082f6dc64809e67b0fc455b0fe48435aa71e885aca6bdf8 |