Wyszukiwanie
Znajdowanie rzeczy: wyszukiwarka w górnym pasku z pogrupowanymi wynikami i klawiszem /, paleta poleceń, szybkie otwieranie plików, wiersze i grupy wyników, opcje wyszukiwania oraz wyróżnianie trafień. Budowane z celem WCAG 2.2 AA, od szerokości 320 px.
Strony: 6, eksporty: 7
- GlobalSearch
- SearchResultGroup
- SearchResultItem
- Highlight
- SearchOptionToggle
- CommandPalette
- QuickOpen
ImportLink do sekcji Import
Każda grupa ma własny punkt wejścia, więc aplikacja, która potrzebuje tylko tej grupy, ładuje tylko ją. Wszystko jest też eksportowane z @skribly/ui.
import { GlobalSearch, SearchResultGroup, SearchResultItem, Highlight, … } from '@skribly/ui/search'Strony tej grupyLink do sekcji Strony tej grupy
- GlobalSearchPole wyszukiwania w górnym pasku. Aplikacja filtruje po swojej stronie, często na serwerze, i przekazuje pogrupowane wyniki; Enter bez podświetlonej pozycji wysyła zapytanie na pełną stronę wyników.GlobalSearch, SearchResultGroup, SearchResultItem, Highlight
- SearchOptionToggleOpcje włączane i wyłączane wewnątrz pola wyszukiwania: uwzględnianie wielkości liter, całe słowo, wyrażenie regularne. Przekaż je do GlobalSearch przez actions.SearchOptionToggle
- CommandPaletteJedno wyszukiwanie dla każdego widoku i każdej akcji aplikacji, otwierane skrótem Cmd K lub Ctrl K. Wybierz ją dla aplikacji z wieloma miejscami do odwiedzenia; do treści użyj GlobalSearch.CommandPalette
- QuickOpenPrzejście do pliku po kilku literach jego nazwy, z rankingiem jak w edytorze kodu. „:120” po nazwie otwiera plik w tej linii.QuickOpen
- SearchResultGroup and SearchResultItemWiersze i sekcje dowolnej listy wyników, wewnątrz GlobalSearch albo we własnym ListBox, na przykład na pełnej stronie wyników. Pozycja z href jest linkiem.SearchResultGroup, SearchResultItem
- HighlightZaznacza część tekstu, która pasuje do wyszukiwania, według zapytania albo pozycji przybliżonego dopasowania.Highlight