Home
Get Started
Toggle Menu
import React, { useState } from 'react' import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Input } from "@/components/ui/input" import { GraduationCap, Users, Calendar, BookOpen, BriefcaseIcon, MessageSquare, Search, Gift, Newspaper, MapPin, ChevronUp, X } from 'lucide-react' export default function AlumniPlatform() { const [isChatOpen, setIsChatOpen] = useState(false) const [chatMessages, setChatMessages] = useState<{ user: string; message: string }[]>([]) const [chatInput, setChatInput] = useState('') const handleChatSubmit = (e: React.FormEvent) => { e.preventDefault() if (chatInput.trim()) { setChatMessages([...chatMessages, { user: 'You', message: chatInput | A shadcn/ui and v0 generation - v0
Link to shrivastavaharsh003-5808's v0.app Profile
import React, { useState } from 'react' import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Input } from "@/components/ui/input" import { GraduationCap, Users, Calendar, BookOpen, BriefcaseIcon, MessageSquare, Search, Gift, Newspaper, MapPin, ChevronUp, X } from 'lucide-react' export default function AlumniPlatform() { const [isChatOpen, setIsChatOpen] = useState(false) const [chatMessages, setChatMessages] = useState<{ user: string; message: string }[]>([]) const [chatInput, setChatInput] = useState('') const handleChatSubmit = (e: React.FormEvent) => { e.preventDefault() if (chatInput.trim()) { setChatMessages([...chatMessages, { user: 'You', message: chatInput
Add
component
to project
Learn more
npx v0 add
a1B2c3d4
component.jsx
(read-only)
Log In to Copy Code
To enable copying code, saving to favorites, forking, and other features, please sign up or log in.
Authenticate
Copy Code
Copy CLI command
A
B
C
Link to shrivastavaharsh003-5808's v0.app Profile
import React, { useState } from 'react' import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Input } from "@/components/ui/input" import { GraduationCap, Users, Calendar, BookOpen, BriefcaseIcon, MessageSquare, Search, Gift, Newspaper, MapPin, ChevronUp, X } from 'lucide-react' export default function AlumniPlatform() { const [isChatOpen, setIsChatOpen] = useState(false) const [chatMessages, setChatMessages] = useState<{ user: string; message: string }[]>([]) const [chatInput, setChatInput] = useState('') const handleChatSubmit = (e: React.FormEvent) => { e.preventDefault() if (chatInput.trim()) { setChatMessages([...chatMessages, { user: 'You', message: chatInput
History
Toggle
v0
Desktop
Tablet
Mobile
Full Screen
History
Theme
Code
Theme