QR Code
fandhe-frontend-pre-styled-ui の qr_code mod が提供するスタイル済み QR Code 部品です。
関連 API: fandhe-frontend-pre-styled-ui API / fandhe-frontend-headless-ui API
Demo
外部依存ゼロの QR Model 2(ISO/IEC 18004)byte モードエンコーダによる QR コード表示。size(sm/md/lg)で --fandhe-qr-code-size を切り替えます。Overlay パーツはロゴ等の呼び出し側コンテンツを中央に重ねる用途です。
FW
Features
- 外部依存ゼロの QR Model 2(ISO/IEC 18004)byte モードエンコーダによる QR コード表示
- size(sm/md/lg)で --fandhe-qr-code-size を切り替える
- Overlay パーツはロゴ等の呼び出し側コンテンツを中央に重ねる用途
Anatomy
root
frame
pattern
overlayAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| size | Size | Md | 寸法 variant。 |
| encode(data, level) | fn(&str, ErrorCorrectionLevel) -> Result<Matrix, QrError> | 文字列を QR コード行列へエンコードする(headless-ui 側の純粋関数)。 |
CSS Variables
| Variable | Default |
|---|---|
| --fandhe-qr-code-size |
Examples
size 3 段
同一 URL を sm/md/lg で表示します。