BatuhanK / React Qart
Licence: mit
qart.js component for React
Stars: ✭ 32
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Qart
Art Games
Games to discover new art and artists using museum APIs
Stars: ✭ 6 (-81.25%)
Mutual labels: art
Tessellation
a library to assist in the design of geometric designs
Stars: ✭ 22 (-31.25%)
Mutual labels: art
Whitebophir
Online collaborative Whiteboard that is simple, free, easy to use and to deploy
Stars: ✭ 821 (+2465.63%)
Mutual labels: art
Td Angular Barcode
Barcode Generator for Angular 1 (Supports 90+ barcode types: qr, aztec, code128, ean, isbn, interleaved2of5, ...)
Stars: ✭ 22 (-31.25%)
Mutual labels: qrcode
Spring Qrcode Example
Demonstrates some of the capabilities of the Spring Boot framework through a small, simple example.
Stars: ✭ 23 (-28.12%)
Mutual labels: qrcode
100daysofgenerativeart
My #100DaysOfGenerativeArt personal challenge
Stars: ✭ 19 (-40.62%)
Mutual labels: art
Privatekeyvault
Make Instructions: Airgapped raspberry pi computer for working with blockchains featuring LUKS full disk encryption and using qr-codes to pass encrypted files and offline transaction instructions across the airgap.
Stars: ✭ 29 (-9.37%)
Mutual labels: qrcode
React Native Qrcode
a minimalist qrcode component for react-native
Stars: ✭ 828 (+2487.5%)
Mutual labels: qrcode
Aic Mobile Android
Art Institute of Chicago Official Mobile App - Android
Stars: ✭ 31 (-3.12%)
Mutual labels: art
react-qart
This is a simple implementation of QArt as React Component. You can visit the demo.
Usage
First of all install react-qart via npm or yarn
npm install react-qart
or
yarn add react-qart
Now you can use it in your React or Preact project(with preact-compat).
import React, { Component} from 'react';
import QArt from 'react-qart';
export default class App extends Component {
render() {
return (
<div>
<h1>merhaba</h1>
<QArt
value="I'm a kitten"
imagePath="./kidden.jpg"
filter="color"
/>
</div>
)
}
}
Props
Field | Type | Description | Default |
---|---|---|---|
value | String | The data of the QR code. | Required |
imagePath | String | Self hosted image url or relative path to image url | Required |
filter | String | Define an image filter. threshold or color
|
threshold |
Limitations
- You must use relative path of an image
- You cannot change the size of the generated qr
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].