SplashScreen

App

Full-screen overlay shown during app initialisation. Accepts a logo slot, optional progress bar, and fades out when visible=false.

Preview

Acme

Loading your workspace…

Code

<%- include('modules/app/SplashScreen', {
  logoContent: 'Acme',
  message:  'Loading your workspace…',
  progress: loadProgress
}) %>

Preview

Code

<%- include('modules/app/SplashScreen') %>

<%
  var _visible  = locals.visible !== false;
  var _progress = (locals.progress !== undefined && locals.progress !== null) ? locals.progress : null;
%>

  <% if (locals.logoContent) { %>
  <%- locals.logoContent %>
  <%- include('../ui/Spinner', { size: 'lg' }) %>
  <% } else { %>
  <%- include('../ui/Spinner', { size: 'xl' }) %>
  <% } %>

  <% if (_progress !== null) { %>
  
    
    
  
  <% } %>

  <% if (locals.message) { %>
  <%= locals.message %>
  <% } %>

SplashScreen

Logo + progress + message

Spinner only