The tests pass. Shall I open a pull request?
MessageBubble
Jedna wiadomość: twoja po stronie końca w kolorze akcentu, cudze po stronie początku. Pokazuje autora, czas, znacznik pisania oraz stan dostarczenia z ponowieniem.
- MessageBubble
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: MessageBubble
Yes, with a short description.
Sent
A long line without spaces wraps inside the bubble: https://github.com/skribly/ui/pull/128/files#diff-0123456789abcdef
Not sent
Claude Code is writing
Noc, podgląd: MessageBubble
The tests pass. Shall I open a pull request?
Yes, with a short description.
Sent
A long line without spaces wraps inside the bubble: https://github.com/skribly/ui/pull/128/files#diff-0123456789abcdef
Not sent
Claude Code is writing
Wysoki kontrast, podgląd: MessageBubble
The tests pass. Shall I open a pull request?
Yes, with a short description.
Sent
A long line without spaces wraps inside the bubble: https://github.com/skribly/ui/pull/128/files#diff-0123456789abcdef
Not sent
Claude Code is writing
UżycieLink do sekcji Użycie
import { MessageBubble } from '@skribly/ui/conversation'<MessageBubble from="me" author="You" hideAuthor time="2026-11-08T14:02" timeLabel="14:02" status={{ tone: 'danger', label: 'Not sent' }} onRetry={retry} retryLabel="Try again">
Ship it?
</MessageBubble>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ść
- Każda wiadomość jest elementem article nazwanym przez autora i czas, nawet gdy autor jest ukryty na ekranie.
- Nieudane wysłanie jest odczytywane od razu razem ze słowem; inne stany są pokazane ikoną i słowem.
- Znacznik pisania jest odczytywany jako wymagane pendingLabel, jego kropki przestają pulsować przy ograniczonym ruchu i pozostają widoczne w trybie wysokiego kontrastu systemu Windows.
- Przyciski akcji pozostają widoczne dla dotyku i klawiatury.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.