The fix works on Firefox and Safari.
CommentItem
Jeden komentarz w wątku, z awatarem, autorem, plakietką, czasem, znacznikiem edycji i akcjami. Komentarze wątku umieść na liście uporządkowanej.
- CommentItem
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: CommentItem
Anna NowakAuthor· edited Claude CodeAgent Work summary\n\nUpdated the workflow to Node 26. All checks pass.
Piotr Wiśniewski Can we ship this on Friday?
Not posted
Noc, podgląd: CommentItem
Anna NowakAuthor· edited The fix works on Firefox and Safari.
Claude CodeAgent Work summary\n\nUpdated the workflow to Node 26. All checks pass.
Piotr Wiśniewski Can we ship this on Friday?
Not posted
Wysoki kontrast, podgląd: CommentItem
Anna NowakAuthor· edited The fix works on Firefox and Safari.
Claude CodeAgent Work summary\n\nUpdated the workflow to Node 26. All checks pass.
Piotr Wiśniewski Can we ship this on Friday?
Not posted
UżycieLink do sekcji Użycie
import { CommentItem } from '@skribly/ui/conversation'<ol>
<li>
<CommentItem id="comment-12" author="Anna Nowak" authorBadge="Author" time={iso} timeLabel="2 hours ago">
<Markdown text={body} headingOffset={3} />
</CommentItem>
</li>
</ol>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żdy komentarz jest elementem article nazwanym przez autora.
- Awatar jest dekoracyjny, bo nazwa jest w tekście.
- Link do komentarza wyróżnia go ramką i wypełnieniem, nie tylko kolorem.
- Stany błędu są odczytywane od razu.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.