FormActions

Rząd przycisków na końcu formularza, z wynikiem ostatniego wysłania. Główny przycisk umieść jako ostatni.

FormActions

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: FormActions

You have unsaved changes

Noc, podgląd: FormActions

You have unsaved changes

Wysoki kontrast, podgląd: FormActions

You have unsaved changes

UżycieLink do sekcji Użycie

tsx

import { FormActions } from '@skribly/ui/forms'

tsx

<FormActions status={{ tone: 'ok', message: 'Saved' }}>
  <Button variant="outline">Cancel</Button>
  <Button type="submit">Save</Button>
</FormActions>

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

Nieudany zapis jest komunikatem typu assertive; komunikaty ok, info i warn są typu polite.
Każdy komunikat ma ikonę i słowa.
Oba regiony zostają zamontowane, więc komunikat, który pojawia się później, jest ogłaszany.
Na wąskim ekranie przyciski układają się w stos na pełną szerokość, z głównym na górze.

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