Layr
⌘K
Ctrl K
Design Systems
Pro
AI Designer
Account
Roadmap
Sign in
Getting started
Salesforce Lightning
Lightning UI
Pro
Components
Accordion
Activity Timeline
Alert
App Launcher
Avatar
Avatar Group
Badges
Brand Band
Breadcrumbs
Builder Header
Button Groups
Button Icons
Buttons
Cards
Carousel
Chat
Checkbox
Checkbox Button
Checkbox Button Group
Checkbox Toggle
Color Picker
Combobox
Counter
Data Tables
Datepickers
Datetime Picker
Docked Composer
Docked Form Footer
Docked Utility Bar
Drop Zone
Dueling Picklist
Dynamic Icons
Dynamic Menu
Einstein Header
Expandable Section
Expression
Feeds
File Selector
Files
Form Element
Form Layout
Global Header
Global Navigation
Icons
Illustration
Input
List Builder
Lookups
Lookups Mobile
Map
Menus
Modals
Notifications
Page Headers
Panels
Path
Path Simple
Picklist
Pills
Popovers
Process
Progress Bar
Progress Indicator
Progress Ring
Prompt
Publishers
Radio Button Group
Radio Group
Regions
Rich Text Editor
Scoped Notifications
Scoped Tabs
Select
Setup Assistant
Slider
Spinners
Split View
Summary Detail
Tabs
Textarea
Tiles
Timepicker
Toast
Tooltips
Tree Grid
Trees
Trial Bar
Vertical Navigation
Vertical Tabs
Visual Picker
Welcome Mat
{ hideFixedSpinner(); }, 3000); } function hideFixedSpinner() { const overlay = document.getElementById('fixed-spinner-overlay'); overlay.style.display = 'none'; } function showDelayedSpinner() { const container = document.getElementById('delayed-spinner-container'); container.innerHTML = '<p>Spinner will appear in 2 seconds...</p>'; setTimeout(() => { container.innerHTML = ` <div role="status" class="slds-spinner slds-spinner_medium"> <span class="slds-assistive-text">Loading</span> <div class="slds-spinner__dot-a"></div> <div class="slds-spinner__dot-b"></div> </div> `; // Hide after 3 seconds setTimeout(() => { container.innerHTML = '<p>Delayed spinner demo completed. Click the button to try again.</p>'; }, 3000); }, 2000); } // Keyboard accessibility for interactive controls document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { hideFixedSpinner(); } }); // Initialize on DOM load document.addEventListener('DOMContentLoaded', function() { console.log('Salesforce Lightning Spinners Demo Loaded'); }); </script></body></html>' width="100%" height="2400" frameborder="0" sandbox="allow-scripts allow-same-origin allow-popups">