QuickOpen

Przejście do pliku po kilku literach jego nazwy, z rankingiem jak w edytorze kodu. „:120” po nazwie otwiera plik w tej linii.

QuickOpen

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: QuickOpen

Type “gls:40” to open a file at a line.

Noc, podgląd: QuickOpen

Type “gls:40” to open a file at a line.

Wysoki kontrast, podgląd: QuickOpen

Type “gls:40” to open a file at a line.

UżycieLink do sekcji Użycie

tsx

import { QuickOpen } from '@skribly/ui/search'

tsx

<QuickOpen isOpen={open} onOpenChange={setOpen} shortcut paths={paths} recent={recent}
  onOpen={(path, { line }) => openFile(path, line)}
  label="Go to file" searchLabel="File name" listLabel="Files" closeLabel="Close" emptyLabel="No file matches." />

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

Okno dialogowe modalne z polem wyszukiwania i listą plików.
Każdy plik jest nazwany swoją nazwą, potem folderem, a tam, gdzie to pasuje, także „ostatnio otwarty”.
Dopasowane litery są zaznaczone grubością i podkreśleniem, a nie tylko kolorem.
Strzałka w górę i w dół przesuwa, Enter otwiera, Escape zamyka.
Liczba dopasowań jest odczytywana z regionu na żywo typu polite.

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