FaviconLetter

Ikona strony z literą zastępczą, do kart przeglądarki, zakładek i list linków. Literą jest pierwsza litera hosta, bez www.

FaviconLetter

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: FaviconLetter

Example Domain
Preview
Documentation

Noc, podgląd: FaviconLetter

Example Domain
Preview
Documentation

Wysoki kontrast, podgląd: FaviconLetter

Example Domain
Preview
Documentation

UżycieLink do sekcji Użycie

tsx

import { FaviconLetter } from '@skribly/ui/brand'

tsx

<FaviconLetter site="https://www.example.com" src="https://www.example.com/favicon.ico" />

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

DostępnośćLink do sekcji Dostępność

Domyślnie dekoracja, bo tytuł strony jest napisany obok.
Favicon, który się nie wczyta, wraca do litery.
Jego rozmiar jest w rem i podąża za rozmiarem tekstu.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.