Córas dearaidh

Stílchonairleach beo theach rálachán BidWars. Rindreáiltear gach sampla ó chomharthaí téama, mar sin fanann sé ceart i mód geal agus dorcha — bain úsáid as an scoránaitheoir téama chun an dá cheann a sheiceáil.

Comharthaí datha

Péintéiltear gach sampla le fóntas an chomhartha (bg-primary, bg-accent…), riamh heics crua-chódaithe. Níl sna luachanna heics a thaispeántar ach doiciméadú.

--background

#FFFFFF / #09090B

Teas páipéir — dromchla an leathanaigh

--foreground

#0F1B2D / #FAFAFA

Dúch gorm — téacs an choirp

--card

--card-foreground

#FFFFFF / #18181B

Dromchlaí ardaithe (cártaí, aníosfuinneoga)

--primary

--primary-foreground

#0F1B2D / #C9A227

Muinín agus struchtúr — príomhghníomhartha (gorm geal / ór dorcha)

--secondary

--secondary-foreground

#F4F4F5 / #27272A

Gníomhartha agus dromchlaí ísealbheimse

--muted

--muted-foreground

#F4F4F5 / #27272A

Dromchlaí maolaithe + téacs cabhrach

--accent

--accent-foreground

#C9A227 / #C9A227

Gníomh agus spotsolas — ór, CTAanna boost/comhroinnte

--destructive

--destructive-foreground

#B3402A / #E06A4F

Gníomhartha millteacha

--warning

--warning-foreground

#FDE8C8 / #3A2E0B

Stádais loingseoireachta gan rianú / díospóide

--border

#E4E4E7 / #3F3F46

Teorainneacha agus deighilteoirí

--input

#E4E4E7 / #71717A

Imlínte réimsí foirme

--ring

#C9A227 / #C9A227

Fáinní fócais

Clóghrafaíocht

Úsáideann ceannteidil taispeána an aghaidh shéireafach (Fraunces, trí font-display); úsáideann téacs coirp Inter.

Taispeáin — séireafach (--font-display)

Ceannteideal 1 — Buailtear an casúr uair amháin

Ceannteideal 2 — Ag críochnú go luath

Ceannteideal 3 — Sonraí an rálacháin

Corp — Inter

Corp — Déan tairiscint ar chártaí trádála, greannáin agus earraí bailithe eile i rálacha ceangailteacha C2C le táillí trédhearcacha.

Beag — Baineann cosaint ceannaitheoirí le gach ordú socraithe.

Maolaithe — Taispeántar táillí i gcónaí sula ndeimhníonn tú tairiscint.

Comhpháirteanna

Príomhábair roinnte ó @auction/ui, rindreáilte lena n-athrógacha agus blúire ghearr úsáide.

Button

<Button variant="accent" size="lg">…</Button>

Badge

default
secondary
outline
warning
destructive
Boostáilte
<Badge variant="warning">…</Badge>
<Badge className="bg-accent text-accent-foreground">…</Badge>

Card

Comhdhéanamh cárta
Sliotáin ceanntásca, ábhair agus buntásca

Is iad na cártaí an dromchla ardaithe le haghaidh liostaí, dialóga agus achoimrí.

<Card>
  <CardHeader><CardTitle>…</CardTitle></CardHeader>
  <CardContent>…</CardContent>
  <CardFooter>…</CardFooter>
</Card>

Input

<Input placeholder="…" />
<Input disabled placeholder="…" />

Skeleton

<Skeleton className="aspect-[4/3] w-full" />

Avatar

AHAH
<Avatar>
  <AvatarImage src="…" alt="…" />
  <AvatarFallback>AH</AvatarFallback>
</Avatar>

Patrúin

Comhdhéanamh canónta tógtha ó na príomhábair thuas — cóipeáil iad seo, ná déan iad a athchruthú.

Cárta rálacháin

1999 Charizard Holo — PSA 9
Cártaí trádála

Tairiscint reatha: €245.00

€250.00 + €12.50 táille = €262.50

Boostáilte
Críochnaíonn i gceann 2u 14n

Meirge rabhaidh

Meirge faisnéise

Tá tairiscintí ceangailteach: gearrtar cárta an bhuaiteora go huathoibríoch nuair a chriochnaíonn an rálachán.