Panel Stack

פאנלי מסך מלא מוערמים. הראשון בסיס, השאר נכנסים מלמטה דרךclip-path: inset(100% 0 0 0) → inset(0). הטקסט של הפאנל הקודם דועך תוך כדי כניסת הבא, אין שתי כותרות בו-זמנית. רכיב מוכן לשימוש: UkPanelStack.

SAFE ZONE: המלל לא יושב על קצה המסך התחתון. שם נמצאים סרגל הדפדפן בטלפון, הצ׳יפ של הווריאנטים ותג ה-DEMOS. ברירת מחדל: max(16vh, 112px) מלמטה ו-max(6vw, 24px) מהצד. לכוונון לפי scope:--uk-panel-stack-safe-bottom,--uk-panel-stack-safe-inline. לא להוריד מתחת לברירת המחדל.

<UkPanelStack items={[
  { image: '/a.jpg', title: 'Wilderness',  label: '01' },
  { image: '/b.jpg', title: 'Forest',      label: '02' },
  { image: '/c.jpg', title: 'Sunrise',     label: '03' },
]} />