mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-02 13:07:46 +00:00
zeekay
05fc512820
Upstream sync from shadcn-ui/ui (1686 commits since last merge base). Key changes: - packages/shadcn upgraded to 4.1.0 (CLI font transformers, scaffold from github, chart colors) - apps/v4 replaces apps/www as the primary docs/registry app - Font system: 25+ heading font registries, font markers utility, @supports override - Chart improvements: recharts v3 compat, radial chart fixes - templates/ updated with monorepo variants (astro, vite, react-router, start) - skills/shadcn AI skill definitions added - deprecated/ removed (auth, auth-firebase, cli, www) Preserved Hanzo-only paths: app/, pkg/, demo/, docs/, template/next/
78 lines
2.3 KiB
TypeScript
78 lines
2.3 KiB
TypeScript
"use client"
|
|
|
|
import { Button } from "@/registry/bases/base/ui/button"
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardFooter,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from "@/registry/bases/base/ui/card"
|
|
import {
|
|
Field,
|
|
FieldDescription,
|
|
FieldGroup,
|
|
FieldLabel,
|
|
} from "@/registry/bases/base/ui/field"
|
|
import { Input } from "@/registry/bases/base/ui/input"
|
|
import {
|
|
NativeSelect,
|
|
NativeSelectOption,
|
|
} from "@/registry/bases/base/ui/native-select"
|
|
import { Textarea } from "@/registry/bases/base/ui/textarea"
|
|
|
|
export function GithubProfile() {
|
|
return (
|
|
<Card className="mx-auto w-full max-w-md">
|
|
<CardHeader>
|
|
<CardTitle>Profile</CardTitle>
|
|
<CardDescription>Manage your profile information.</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<form id="profile">
|
|
<FieldGroup>
|
|
<Field>
|
|
<FieldLabel htmlFor="name">Name</FieldLabel>
|
|
<Input id="name" placeholder="shadcn" />
|
|
<FieldDescription>
|
|
Your name may appear around GitHub where you contribute or are
|
|
mentioned. You can remove it at any time.
|
|
</FieldDescription>
|
|
</Field>
|
|
<Field>
|
|
<FieldLabel htmlFor="email">Public Email</FieldLabel>
|
|
<NativeSelect id="email">
|
|
<NativeSelectOption value="[email protected]">
|
|
m@shadcn.com
|
|
</NativeSelectOption>
|
|
<NativeSelectOption value="[email protected]">
|
|
m@gmail.com
|
|
</NativeSelectOption>
|
|
</NativeSelect>
|
|
<FieldDescription>
|
|
You can manage verified email addresses in your{" "}
|
|
<a href="#email-settings">email settings</a>.
|
|
</FieldDescription>
|
|
</Field>
|
|
<Field>
|
|
<FieldLabel htmlFor="bio">Bio</FieldLabel>
|
|
<Textarea
|
|
id="bio"
|
|
placeholder="Tell us a little bit about yourself"
|
|
/>
|
|
<FieldDescription>
|
|
You can <span>@mention</span> other users and organizations to
|
|
link to them.
|
|
</FieldDescription>
|
|
</Field>
|
|
</FieldGroup>
|
|
</form>
|
|
</CardContent>
|
|
<CardFooter>
|
|
<Button form="profile">Save Profile</Button>
|
|
</CardFooter>
|
|
</Card>
|
|
)
|
|
}
|