Bileşenler
QrCode
Hazır bir içeriği, her temada ve baskıda açık zemin üstünde koyu modüllerle QR kodu olarak gösterir.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Durumlar
Bölüm başlığı “Durumlar”QrCode’un etkileşimli durumu yoktur.
| Durum | Görsel değişiklik | Token’lar |
|---|---|---|
| Varsayılan | Açık zemin üstünde koyu modüller | qr-foreground, qr-background |
| Logolu | Ortada açık zeminli işaret | qr-background, radius-sm |
Ölçüler
Bölüm başlığı “Ölçüler”| Özellik | Değer | Token |
|---|---|---|
| Varsayılan boyut | 192 px | |
| Sessiz bölge | 4 modül | |
| Çerçeve köşe yarıçapı | 8 px | radius-md |
| Logo alanı | Genişliğin %20’si | |
| Kod ile açıklama arası | 6 px | space-sm |
| Açıklama yazısı | Gövde, küçük | text.body-sm |
Token’lar
Bölüm başlığı “Token’lar”qr-foreground ve qr-background her markada, her modda ve baskıda aynıdır.
| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-qr-foreground | #000000#000000#000000 | #000000#000000#000000 |
--bigbang-qr-background | #ffffff#ffffff#ffffff | #ffffff#ffffff#ffffff |
--bigbang-radius-md | 8px8px8px | 8px8px8px |
--bigbang-radius-sm | 6px6px6px | 6px6px6px |
--bigbang-space-sm | 6px6px6px | 6px6px6px |
Hareket ve etkileşim
Bölüm başlığı “Hareket ve etkileşim”QrCode hareket etmez.