ComposeBar
Pliki compose projektu z ich poleceniami. Naraz działa jedno polecenie, a Down najpierw pyta. Wybierz go nad listą kontenerów.
- ComposeBar
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: ComposeBar
Compose in this project
compose.yamlProject docsdeploy/compose.test.yamlProject docs-test
Compose in a project with no file
No compose file in this project. Add compose.yaml to manage its services here.
Noc, podgląd: ComposeBar
Compose in this project
compose.yamlProject docsdeploy/compose.test.yamlProject docs-test
Compose in a project with no file
No compose file in this project. Add compose.yaml to manage its services here.
Wysoki kontrast, podgląd: ComposeBar
Compose in this project
compose.yamlProject docsdeploy/compose.test.yamlProject docs-test
Compose in a project with no file
No compose file in this project. Add compose.yaml to manage its services here.
UżycieLink do sekcji Użycie
import { ComposeBar } from '@skribly/ui/ops'<ComposeBar title={t('docker.compose')} files={files} actions={[
{ id: 'up', label: 'Up', icon: <Play aria-hidden />, variant: 'primary' },
{ id: 'down', label: 'Down', variant: 'danger', confirm: { title: t('docker.downTitle'),
body: t('docker.downBody'), confirmLabel: t('docker.down'), cancelLabel: t('common.cancel') } }
]} onAction={run} pending={pending} pendingLabel={t('common.running')} />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ść
- Sekcja nazwana swoim nagłówkiem.
- Przyciski każdego pliku są grupą nazwaną przez plik, więc „Up” nigdy nie jest niejednoznaczne.
- Działający przycisk mówi, że trwa oczekiwanie, a pozostałe czekają.
- Down otwiera okno dialogowe typu alertdialog z fokusem na Cancel.
- Przyciski zawijają się pod nazwę pliku na wąskiej karcie.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.