CommentForm
Pisze komentarz w Markdownie z podglądem, sprawdza, czy nie jest pusty, i pokazuje stany wysyłania, wysłania i niepowodzenia. Wybierz go pod wątkiem komentarzy albo do edycji komentarza.
- CommentForm
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: CommentForm
Noc, podgląd: CommentForm
Wysoki kontrast, podgląd: CommentForm
UżycieLink do sekcji Użycie
import { CommentForm } from '@skribly/ui/conversation'<CommentForm
label="Add a comment"
writeLabel="Write"
previewLabel="Preview"
emptyPreview="Nothing to preview yet."
submitLabel="Comment"
requiredMessage="Write a comment first."
successMessage="Comment posted."
failedMessage="Not posted. Try again."
onSubmit={(text) => api.comment(text)}
/>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ść
- Pusty wpis przenosi fokus na pole tekstowe, ustawia aria-invalid i łączy komunikat przez aria-describedby.
- Sukces jest statusem typu polite, który zostaje, dopóki nie zaczniesz pisać ponownie; niepowodzenie jest komunikatem typu alert, odczytywanym od razu, a tekst zostaje zachowany.
- Ctrl+Enter lub Cmd+Enter wysyła z pola tekstowego.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.