AiDisclosure

Notatka, która mówi, że tekst wygenerował model: słowa "Wygenerowane przez AI", model, dostawca i link do tego, co jest wysyłane. Pokaż ją przy każdej odpowiedzi lub tekście napisanym przez model, w asystencie i w każdej innej funkcji AI. Mówi, skąd pochodzi tekst, i nic o tym, czy jest trafny.

AiDisclosure

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: AiDisclosure

AI generatedModel: Example model 1Provider: Example providerWhat is sent

Noc, podgląd: AiDisclosure

AI generatedModel: Example model 1Provider: Example providerWhat is sent

Wysoki kontrast, podgląd: AiDisclosure

AI generatedModel: Example model 1Provider: Example providerWhat is sent

UżycieLink do sekcji Użycie

tsx

import { AiDisclosure } from '@skribly/ui/feedback'

tsx

<AiDisclosure
  label={t('ai.generated')}
  modelLabel={t('ai.model')}
  model="Example model 1"
  providerLabel={t('ai.provider')}
  provider="Example provider"
  sentLabel={t('ai.sent')}
  sentHref="/privacy#ai"
/>

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ść

Zwykły akapit, więc czytnik ekranu odczytuje etykietę, model i dostawcę po kolei, a do linku dochodzi się klawiszem Tab.
Etykieta to słowo, nigdy sam kolor ani ikona.
Każde słowo jest propem, więc notatka brzmi w języku strony.
Zawija się na wąskich ekranach i zachowuje kontrast w trzech motywach.

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