Komponenty

Zakładki

Filtry rejestru są zakładkami, nie listami rozwijanymi, bo wybór widoczny bez klikania mówi od razu, ile czego jest.

Stan rozdziału:: szkic
Aplikacja dziś:: rozjazd z brandbookiem

Przykład

Zakładki filtrów. Każda jest odnośnikiem: wybór da się wysłać linkiem, działa przycisk wstecz, wszystko bez JavaScriptu. Licznik mówi od razu, ile czego jest.

Co już wiadomo

Każda zakładka jest odnośnikiem (<a>), więc wybór da się wysłać linkiem, działa przycisk wstecz i wszystko działa bez JavaScriptu (zakladki.tsx).
Aktywna zakładka: biel z linią i cieniem „karta” na tle neutralnym paska, aria-current="page". Nieaktywna: tekst pomocniczy, przy najechaniu atrament.
Licznik przy zakładce mówi, ile jest pozycji. Aktywna ma licznik w jasnym fiolecie z fioletem, nieaktywna w linii z tekstem pomocniczym.
Pasek zakładek ma min-w-0 i max-w-full z przewijaniem poziomym, bo bez tego rośnie do szerokości treści i rozpycha stronę na telefonie.
Zakładek jest kilka, nie kilkanaście. Jeżeli filtrów jest więcej niż pięć, to nie są zakładki, tylko formularz filtrów.