shadcn/ui
Alap komponensek használata
Button, Badge, Card, Alert, Separator – gyors példák és import minták.
Alap komponensek használata
Import minták
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"Button
<Button>Alapértelmezett</Button>
<Button variant="outline">Körvonal</Button>
<Button variant="destructive">Törlés</Button>
<Button variant="ghost">Ghost</Button>
<Button size="sm">Kis</Button>
<Button size="lg">Nagy</Button>Card (összetett sub-komponensek)
import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
<Card>
<CardHeader>
<CardTitle>Projekt neve</CardTitle>
</CardHeader>
<CardContent>...</CardContent>
</Card>Rövid összefoglaló
- Import útvonal tipikusan
@/components/ui/*. - Több komponens sub-komponenseket is tartalmaz (Card, Dialog, Dropdown).