← Baza wiedzy

Radix UI — prymitywy dostępne bez stylów

Radix UI to zbiór niskopoziomowych, dostępnych komponentów dla Reacta (i pokrewnych integracji), które dostarczają logikę interakcji — focus trap, zarządzanie portalem, role ARIA, obsługa Escape/Tab — pozostawiając warstwę wizualną zespołowi. Nie narzuca gotowego theme’u; styluje się przez Tailwind, CSS-in-JS lub tokeny design systemu. Moduły są instalowane osobno (`@radix-ui/react-*`), co ogranicza narzut nieużywanego kodu.

Z perspektywy brandu Radix pozwala wdrożyć unikalną estetykę kampanii bez poświęcania standardów dostępności: te same prymitywy mogą wyglądać jak minimalna strona startupu albo jak luksusowy lookbook. Ułatwia też spełnianie wymogów prawnych dotyczących interfejsów użytecznych dla osób z niepełnosprawnościami.

Sam Radix nie zastąpi projektu UX — trzeba dobrać copy, kontrast i stany błędów. Dobrze spięty z tokenami i dokumentacją w Storybooku daje przewidywalne zachowanie komponentów w całym ekosystemie digital marki.

g2collective