Galeri komponen bukti SOP

Setiap komponen di sini hidup: bisa diklik, diisi, dibuat lambat atau gagal lewat saklar di atas, dan ukurannya diukur otomatis di dua browser.

Komponen dibangun3/16Sisanya menyusul per task
Ukuran lulus164/164Chromium + WebKit, 390 · 1440 · 1920
SOP dibuktikan5Motion, UX-20, slicing, antisipasi, rapi

Dasar

ButtonSemua state, tekan pegas, hit slop 4460/60 lulusFormValidasi inline, cegah dobel kirim, spasi §13Belum dibangunOTPAutofill one-time-code, tempel 6 digitBelum dibangunStatesKosong, gagal, memuat, suksesBelum dibangun

Overlay

Confirm modalRata kiri, × kanan atasBelum dibangunSheetGeser tutup, rubber band, safe areaBelum dibangunDropdownSubmenu safe triangle, keyboardBelum dibangunToast undoHapus lalu urungkan, optimistikBelum dibangunCommand menu⌘K, shortcut hints, prefetchBelum dibangun

Data

TabsIndikator pegas, view transitionBelum dibangunTableSkeleton, SWR, baris 40Belum dibangunStat cardLabel + nilai + keterangan, KPI 28Belum dibangunCarouselStrip thumbnail, BlurHash, swipe pegasBelum dibangun

Sistem

SidebarUkuran persis rapi §262/62 lulusBrand logosLogo resmi + sumberBelum dibangunMotion labRubber band Apple, 3 preset pegas42/42 lulus