Målet är att återskapa kontrollpanelen som finns på denna sida med hjälp av Radix UI themes.
Komponenten för diagrammet finns inte med i Radix UI. Använd istället Ovewview.jsx som finns i detta projekt.
Komponenten för kalendern behöver inte vara med.
-
Skapa ett nytt React-projekt med vite.
-
Besök länken och analysera dashboardens layout och funktioner. Försök hitta lämpliga komponenter i Radix UI
-
Använd React och Radix UI-komponenter för att återskapa dashboarden. Fokus bör ligga på att matcha layouten så nära som möjligt (det behöver inte vara perfekt). Installera gärna tailwind eller kör på vanlig css. Glöm inte att använda
className
i React. -
Implementera Radix UI-teman för att anpassa utseendet på komponenterna och skapa en enhetlig design.
- Meny
- Popover
- Cards
- Table
- Tabs
- Diagram Använd Ovewview.jsx och installera recharts:
npm install recharts
Ladda upp projektet till GitHub och dela länken i canvas.