نمای کلی صفحه و قالب

قالب‌های صفحه و اجزای سرِ صفحه، نوارابزار و حالت‌ها

یک صفحهٔ کامل روی قالب DetailPage، داخل قاب محصول.

بلوک آماده: پروفایل اینفلوئنسر

کد و نمای کامل
این دسته را در ویترین، زنده و کنار هم ببینید
قالب صفحهٔ فهرست (ListPage)صفحهٔ یک مجموعه — منشن‌ها، منابع، هشدارها — با سرِ صفحه، نوارابزار، فهرست، حالت‌ها و صفحه‌بندی؛ همهٔ عددها و جای اقدام‌ها در خود قالب
قالب صفحهٔ جزئیات (DetailPage)صفحهٔ یک موجودیت — یک منشن، یک حساب، یک هشدار — با راه بازگشت، وضعیت، زبانه‌های نشانی‌دار، بخش‌ها و ستون کناری
قالب صفحهٔ فرم (FormPage)صفحه‌ای که یک فرم است — ساخت یک هشدار، ویرایش یک منبع — با ردیف‌های فرم در یک کارت و دکمه‌های انصراف و ثبت در انتهای خط
قالب صفحهٔ تنظیمات (SettingsPage)تنظیمات در گروه‌های مستقل — هر گروه یک بخش با عنوان، ردیف‌های برچسب‌کنار‌کنترل و نوار ذخیرهٔ خودش
قالب داشبورد (DashboardPage)شاخص‌ها و نمودارها در یک بازهٔ زمانی — انتخابگر بازه در سرِ صفحه، ردیف شاخص بی نقطهٔ شکست، و بخش‌های نمودار با یک ارتفاع
قالب صفحهٔ کمکی (UtilityPage)صفحه‌ای که محتوای خودش را ندارد — پیدا نشد، دسترسی ندارید، خطا، خالیِ اول‌کار، به‌روزرسانی — با یک عنوان، یک توضیح و حداکثر یک اقدام در مرکز قاب
صفحهٔ سفارشی (CustomPage)راه خروج برای صفحه‌ای که در هیچ قالبی جا نمی‌شود — همان سرِ صفحه، عرض و ریتم، با محتوای خودتان و یک DS-GAP ثبت‌شده
داربست صفحه (Page*)خانوادهٔ چیدمان صفحه به‌صورت اسلات‌محور — PageContainer، PageHeaderRoot، PageSection و کروم تمام‌عرض
قالب صفحهٔ ورود (AuthPage)صفحهٔ بیرون از قاب برای ورود، کد یک‌بارمصرف و بازیابی گذرواژه — وسط صفحه، نشان محصول، یک اقدام اصلی
قالب جریان چندمرحله‌ای (WizardPage)جریانی که در چند مرحله یک چیز می‌سازد — نشانگر مراحل، «قبلی» و «بعدی» با اعتبارسنجی هر مرحله، مرحلهٔ بازبینی، و مرحله در نشانی
کشوی موجودیت با نشانی (EntityDrawer)پنل کناری یک ردیف که موجودیت بازش در نشانی صفحه است — پیوند مستقیم، بازگشت مرورگر، J و K برای ردیف بعد و قبل، Esc و برگشت فوکوس
سربرگ صفحه (PageHeader)جزء سطح پایینی که سرِ صفحهٔ هر قالب صفحه را می‌سازد — عنوان (تنها h1 صفحه)، توضیح، راه بازگشت، اقدام اصلی و اقدام‌های دیگر؛ صفحهٔ محصول آن را نمی‌نویسد، قالبش رندرش می‌کند.
نوارابزار صفحه (PageToolbar)جزء سطح پایین ردیف فیلتر و اقدامی که ListPage می‌سازد — فیلترها در ابتدای خط، اقدام‌ها در انتهای خط، یک اندازه و عرض‌های ذاتی
حالت بلوک (PageState)حالت‌های بارگذاری، خطا و خالیِ یک بلوک از صفحه — اسکلتی هم‌شکل محتوا، خطا با «تلاش مجدد» و حالت خالی، همه به‌جای بلوک
دادهٔ زنده (useLiveRefresh)صفحه‌ای که داده‌اش خودبه‌خود تازه می‌شود — تازه‌شدن بی اسکلت و بی جابه‌جایی، زمان آخرین به‌روزرسانی، و شکستی که هرگز داده را پاک نمی‌کند
دو تصمیم هم‌وزن (DecisionActions)تأیید و رد در کنار هم، به‌عنوان یک اقدام — استثنای نام‌دار قاعدهٔ «یک اقدام اصلی در هر ناحیه»
اقدام بسته‌شده (GatedAction)اقدامی که کاربر اکنون نمی‌تواند انجامش دهد — همان‌جا در جایگاهش، غیرفعال، با دلیلش؛ یک پاسخ به‌جای پنهان کردن یا دکمهٔ غیرفعال بی‌دلیل