reka-ui
Dostępne komponenty Vue bez stylów – WAI-ARIA compliant, gotowe do integracji
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Reka UI to biblioteka prymitywnych komponentów Vue 3 bez wstępnych stylów, w pełni zgodna ze standardami dostępności WAI-ARIA. Idealna do budowania headless'owych interfejsów od podstaw. Zawiera gotowe rozwiązania dla formularzy, dialogów, menu, popoverów i innych elementów UI. Umożliwia kontrolę stanu komponentów (controlled/uncontrolled), wirtualizację list oraz elastyczną integrację ze swoimi stylami CSS. Wcześniej znana jako Radix Vue.
Jak używać
Zainstaluj skill Reka UI w swoim projekcie Nuxt. Skill zawiera referencje do komponentów i wzorców dostępności potrzebnych przy pracy z tą biblioteką.
Załaduj plik references/components.md, aby przeglądać dostępne komponenty pogrupowane po kategoriach (Form, Date, Overlay, Menu, Data). Wybierz komponent, który pasuje do Twojego przypadku użycia – na przykład dialog, select, input czy menu.
Otwórz szczegółową dokumentację wybranego komponentu (np. dialog.md, select.md) z folderu components/. Tam znajdziesz API komponentu, dostępne propsy oraz przykłady użycia.
Zapoznaj się z kluczowymi koncepcjami Reka UI stosownymi do Twojego zadania: composition pattern (asChild), controlled vs uncontrolled state, wirtualizacja dla dużych list, czy integracja ze stylami. Odwiedź reka-ui.com, aby przeczytać pełne przewodniki.
Jeśli budujesz komponenty w Nuxt UI lub shadcn-vue (które bazują na Reka UI), użyj tego skilla do zrozumienia bazowych wzorców. Dla gotowych, stylizowanych komponentów Nuxt przełącz się na skill nuxt-ui.
Implementuj komponenty w swoim projekcie, pamiętając o WAI-ARIA compliance i dostępności. Testuj z czytnikami ekranu i klawiaturą.