mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-09 06:55:07 +00:00
05145e66d3
* feat(www): add login blocks * chore(www): restructure for blocks * chore: build registry * chore: clean up chunks * fix(www): chart categories * feat(www): big registry refactor * feat(www): update blocks * feat: complex blocks * fix: update schema * feat: sync new-york and default * fix: lint * feat: move charts * fix(www): code * fix: src path * chore: rebuild registry * fix: screenshot * fix: set new-york as default
64 lines
2.4 KiB
TypeScript
64 lines
2.4 KiB
TypeScript
import { CardsActivityGoal } from "@/components/cards/activity-goal"
|
|
import { CardsCalendar } from "@/components/cards/calendar"
|
|
import { CardsChat } from "@/components/cards/chat"
|
|
import { CardsCookieSettings } from "@/components/cards/cookie-settings"
|
|
import { CardsCreateAccount } from "@/components/cards/create-account"
|
|
import { CardsDataTable } from "@/components/cards/data-table"
|
|
import { CardsMetric } from "@/components/cards/metric"
|
|
import { CardsPaymentMethod } from "@/components/cards/payment-method"
|
|
import { CardsReportIssue } from "@/components/cards/report-issue"
|
|
import { CardsShare } from "@/components/cards/share"
|
|
import { CardsStats } from "@/components/cards/stats"
|
|
import { CardsTeamMembers } from "@/components/cards/team-members"
|
|
|
|
export function CardsDemo() {
|
|
return (
|
|
<div className="md:grids-col-2 grid md:gap-4 lg:grid-cols-10 xl:grid-cols-11 xl:gap-4">
|
|
<div className="space-y-4 lg:col-span-4 xl:col-span-6 xl:space-y-4">
|
|
<CardsStats />
|
|
<div className="grid gap-1 sm:grid-cols-[260px_1fr] md:hidden">
|
|
<CardsCalendar />
|
|
<div className="pt-3 sm:pl-2 sm:pt-0 xl:pl-4">
|
|
<CardsActivityGoal />
|
|
</div>
|
|
<div className="pt-3 sm:col-span-2 xl:pt-4">
|
|
<CardsMetric />
|
|
</div>
|
|
</div>
|
|
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2">
|
|
<div className="space-y-4 xl:space-y-4">
|
|
<CardsTeamMembers />
|
|
<CardsCookieSettings />
|
|
<CardsPaymentMethod />
|
|
</div>
|
|
<div className="space-y-4 xl:space-y-4">
|
|
<CardsChat />
|
|
<CardsCreateAccount />
|
|
<div className="hidden xl:block">
|
|
<CardsReportIssue />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="space-y-4 lg:col-span-6 xl:col-span-5 xl:space-y-4">
|
|
<div className="hidden gap-1 sm:grid-cols-[260px_1fr] md:grid">
|
|
<CardsCalendar />
|
|
<div className="pt-3 sm:pl-2 sm:pt-0 xl:pl-3">
|
|
<CardsActivityGoal />
|
|
</div>
|
|
<div className="pt-3 sm:col-span-2 xl:pt-3">
|
|
<CardsMetric />
|
|
</div>
|
|
</div>
|
|
<div className="hidden md:block">
|
|
<CardsDataTable />
|
|
</div>
|
|
<CardsShare />
|
|
<div className="xl:hidden">
|
|
<CardsReportIssue />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|