Menu__search–example-documentation
menu__search jest odpowiedzialne za wyświetlanie menu__search:
Przykłady elementu menu__search:
Menu top jest elementem posiadającym klasę .menu__search
Te elementy powinny być unikalne na stronie.
Ten element może być aktywowany przy użyciu elementów posiadających klasę
const searchBarToggleBtn =.search-bar__toggle-btnElementów aktywujących może być dowolnie dużo na stronie, taki element po kliknięciu spowoduje dodanie klasy active lub wyłączenie klasy active jeżeli element jest już aktywny
Element sidebar <div class="menu__search active"> Content</div>
Kliknięcie w element <div clas= "search__toggle-btn">...</div>
Spowoduje zminanę elementu Sidebar na:
<div class="menu__search active"> Search</div>
Element search posiada dodatkowe właściwości o których za chwilę:
Poniżej prosta implementacja
Poniżej najprostsza implementacja
Funkcjonalność search
Dalsza część implementacji , czyli funkcjonalność wyszukiwarki
Search składa się z dwóch elementów
const searchSuggestions = .search__suggestions
const resultsContainer= .search__resultsDla tych elementów nie trzeba tworzyć dokumentacji ( ale można to zrobić)
Element search__suggestions
Element search__results
Prosta implementacja
Po ich implementacji będą zachowywały się w taki sposób
I Reszta elementów