Radix UI

Áttekintés

A Radix UI  egy primitív UI Könyvtár, amelyből csak egy pár komponenst használtunk fel. Ez a könyvtár biztosítja az alapvető interaktív elemek hozzáférhetőségét és használhatóságát.

(A shadcn/ui a Radix UI-ra épül.)

UI Könyvtár Telepítése

bun add @radix-ui/themes

Használt Komponensek

// layout.tsx -> Root Layout-ban használt Theme Provider komponens
import { Theme } from "@radix-ui/themes"
 
import {
  Badge,
  Avatar,
  DropdownMenu,
  Spinner,
  TextField,
} from "@radix-ui/themes"

Hozzáférhetőség

A Radix UI komponensek beépített hozzáférhetőségi funkciókat tartalmaznak.

• Automatikus ARIA attribútumok
• Billentyűzet navigáció támogatása
• Screen Reader (Képernyőolvasó) kompatibilitás
• Fókusz kezelés