Przejdź do treści

Divider

Linia między grupami treści, pozioma lub pionowa, z opcjonalnym słowem w środku, na przykład Or.

  • Divider

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: Divider

Above

Or
LeftRight

Noc, podgląd: Divider

Above

Or
LeftRight

Wysoki kontrast, podgląd: Divider

Above

Or
LeftRight

UżycieLink do sekcji Użycie

tsx
import { Divider } from '@skribly/ui/surfaces'
tsx
<Divider />
<Divider label="Or" />
<Divider orientation="vertical" />

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 separator jest elementem separator z orientacją.
  • Separator z etykietą odczytuje swoje słowo jako tekst i ukrywa linie.
  • Linie są ramkami, więc pozostają widoczne w trybie wysokiego kontrastu systemu Windows.

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 /