Przejdź do treści

Textarea

Tekst wieloliniowy, taki jak opis albo notatka. Włącz monospace dla Markdowna albo kodu i dodaj licznik, gdy jest limit.

  • Textarea

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: Textarea

Plain text, shown in lists. 48 / 140
Tell the reviewer why this change is needed.

Noc, podgląd: Textarea

Plain text, shown in lists. 48 / 140
Tell the reviewer why this change is needed.

Wysoki kontrast, podgląd: Textarea

Plain text, shown in lists. 48 / 140
Tell the reviewer why this change is needed.

UżycieLink do sekcji Użycie

tsx
import { Textarea } from '@skribly/ui/forms'
tsx
<Textarea label="Description" maxLength={280}
  formatCount={(count, max) => `${count} / ${max}`} />

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

  • Licznik jest w opisie, więc jest odczytywany, gdy pole dostaje fokus, a nie przy każdym klawiszu.
  • Zmiana rozmiaru zostaje pionowa, aby strona nigdy nie przewijała się na boki.

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

Szukaj na stronie

Strzałki przenoszą między wynikami, Enter otwiera, Esc zamyka. Ctrl K /