Skip to content

v2.3.0

Latest

Choose a tag to compare

@ndlabdev ndlabdev released this 07 Jul 15:42
970985d

Added

New components:

  • Tour - spotlight product tour with floating step panel: per-step placement, async onBeforeNext/onBeforePrev guards, waitForTarget, disabled steps, centered dialog mode (target: null), header/footer/content snippets; responsive and accessible (focus trap, aria-live, prefers-reduced-motion). (#144)
  • useTour - headless Tour controller (start/stop/next/prev/goTo) with optional persist for multi-page tours; single-page usage can use bind:api instead. (#144)
  • Error - pre-built error page: error object (statusCode, statusMessage, message with dedup), icon, configurable clear button (clear, redirect, onClear for svelte:boundary reset), full snippet and ui overrides. (#146)

App shell suite - Header, Main, Footer, and Error share one height contract: theme.css defines --ui-header-height (default 4rem, set to 0px when the app has no header):

  • Main - content container filling the viewport below the header (min-h-[calc(100svh-var(--ui-header-height,0px))]). (#150)
  • Header - sticky app header sized by the same variable: brand link, left/center/right areas, mobile menu composing Modal/Slideover/Drawer (mode + typed menu options), customizable toggle (composed onclick, aria-expanded), bindable open, autoClose on route change. (#151)
  • Footer / FooterColumns - footer with five Container-aligned areas (mobile stack, lg+ three-column order) plus a link-group grid with left/right side sections, route-aware active links, and an external-link indicator. (#152)

Icons config - new defaults: menu, external.

Full changelog: v2.2.0...v2.3.0