@spectrum-web-components/underlay

esm
An `<sp-underlay>` provides a visual layer between overlay content and the rest of your application. It is commonly used with modal dialogs and other overlay elements to create a visual separation and prevent interaction with the background content while
Version 1.7.0 License Apache-2.0
Keywords
design-systemspectrumadobeadobe-spectrumweb componentsweb-componentslit-elementlit-htmlcomponentcss
INSTALL
Type:
Version:
- Static
- Latest Patch
- Latest Minor
- Latest Major
- 1.7.0
- 1.6.0
- 1.5.0
- 1.4.0
- 1.3.0
- 1.2.0
- 1.1.2
- 1.1.1
- 1.1.0
- 1.0.3
- 1.0.2
- 1.0.1
- 1.0.0
- 0.49.0
- 0.48.1
- 0.48.0
- 0.47.2
- 0.47.1
- 0.47.0
- 0.46.0
- 0.45.0
- 0.44.0
- 0.43.0
- 0.42.5
- 0.42.4
- 0.42.3
- 0.42.2
- 0.42.1
- 0.42.0
- 0.41.2
- 0.41.1
- 0.41.0
- 0.40.5
- 0.40.4
- 0.40.3
- 0.40.2
- 0.40.1
- 0.40.0
- 0.39.4
- 0.39.3
- 0.39.2
- 0.39.1
- 0.39.0
- 0.38.0
- 0.37.0
- 0.36.0
- 0.35.0
- 0.34.0
- 0.33.2
- 0.33.0
- 0.32.0
- 0.31.0
- 0.30.0
- 0.9.9
- 0.9.8
- 0.9.7
- 0.9.6
- 0.9.5
- 0.9.4
- 0.9.3
- 0.9.2
- 0.9.1
- 0.9.0
- 0.8.11
- 0.8.10
- 0.8.9
- 0.8.8
- 0.8.7
- 0.8.6
- 0.8.5
- 0.8.4
- 0.8.3
- 0.8.2
- 0.8.1
- 0.8.0
- 0.7.1
- 0.7.0
- 0.6.9
- 0.6.8
- 0.6.7
- 0.6.6
- 0.6.5
- 0.6.4
- 0.6.3
- 0.6.2
- 0.6.1
- 0.6.0
- 0.5.1
- 0.5.0
- 0.4.0
- 0.3.3
- 0.3.2
- 0.3.1
- 0.3.0
- 0.2.1
- 0.2.0
- 0.1.1
- 0.1.0
- 1.7.0-snapshot.20250609112703
- 1.7.0-snapshot.20250519200040
- 1.7.0-snapshot.20250519151006
- 1.7.0-snapshot.20250519143559
- 1.6.1-preview-2d9fabee.20250507183133
- 1.6.1-beta.0
- 1.6.0-beta.0
- 1.5.1-beta.0
- 1.5.0-beta.0
- 1.4.1-beta.0
- 1.4.0-beta.0
- 1.3.1-beta.0
- 1.3.0-testing.0
- 1.3.0-beta.6
- 1.3.0-beta.5
- 1.3.0-beta.4
- 1.3.0-beta.3
- 1.3.0-beta.2
- 1.3.0-beta.1
- 1.3.0-beta.0
- 1.2.0-beta.19
- 1.2.0-beta.18
- 1.2.0-beta.17
- 1.2.0-beta.16
- 1.2.0-beta.15
- 1.2.0-beta.14
- 1.2.0-beta.13
- 1.2.0-beta.12
- 1.2.0-beta.11
- 1.2.0-beta.10
- 1.2.0-beta.9
- 1.2.0-beta.8
- 1.2.0-beta.7
- 1.2.0-beta.6
- 1.2.0-beta.5
- 1.2.0-beta.4
- 1.2.0-beta.3
- 1.2.0-beta.2
- 1.2.0-beta.1
- 1.2.0-beta.0
- 1.1.0-beta.55
- 1.1.0-beta.54
- 1.1.0-beta.53
- 1.1.0-beta.52
- 1.1.0-beta.51
- 1.1.0-beta.50
- 1.1.0-beta.49
- 1.1.0-beta.48
- 1.1.0-beta.47
- 1.1.0-beta.46
- 1.1.0-beta.45
- 1.1.0-beta.44
- 1.1.0-beta.43
- 1.1.0-beta.42
- 1.1.0-beta.41
- 1.1.0-beta.40
- 1.1.0-beta.39
- 1.1.0-beta.38
- 1.1.0-beta.37
- 1.1.0-beta.36
- 1.1.0-beta.35
- 1.1.0-beta.34
- 1.1.0-beta.33
- 1.1.0-beta.32
- 1.1.0-beta.31
- 1.1.0-beta.30
- 1.1.0-beta.29
- 1.1.0-beta.28
- 1.1.0-beta.27
- 1.1.0-beta.26
- 1.1.0-beta.25
- 1.1.0-beta.24
- 1.1.0-beta.23
- 1.1.0-beta.22
- 1.1.0-beta.21
- 1.1.0-beta.20
- 1.1.0-beta.19
- 1.1.0-beta.18
- 1.1.0-beta.17
- 1.1.0-beta.16
- 1.1.0-beta.15
- 1.1.0-beta.14
- 1.1.0-beta.13
- 1.1.0-beta.12
- 1.1.0-beta.11
- 1.1.0-beta.10
- 1.1.0-beta.9
- 1.1.0-beta.8
- 1.1.0-beta.7
- 1.1.0-beta.6
- 1.1.0-beta.5
- 1.1.0-beta.4
- 1.1.0-beta.3
- 1.1.0-beta.2
- 1.1.0-beta.1
- 1.1.0-beta.0
- 1.0.1-color-testing
- 1.0.0-rc.10
- 1.0.0-rc.9
- 1.0.0-rc.8
- 1.0.0-rc.7
- 1.0.0-rc.6
- 1.0.0-rc.5
- 1.0.0-rc.4
- 1.0.0-rc.3
- 1.0.0-rc.2
- 1.0.0-rc.1
- 1.0.0-rc.0
- 0.50.0-beta.12
- 0.50.0-beta.11
- 0.50.0-beta.10
- 0.50.0-beta.9
- 0.50.0-beta.8
- 0.50.0-beta.7
- 0.50.0-beta.6
- 0.50.0-beta.5
- 0.50.0-beta.4
- 0.50.0-beta.3
- 0.50.0-beta.2
- 0.50.0-beta.1
- 0.50.0-beta.0
- 0.49.0-beta.2
- 0.49.0-beta.1
- 0.49.0-beta.0
- 0.48.0-beta.2
- 0.48.0-beta.1
- 0.48.0-beta.0
- 0.35.1-rc.43
- 0.35.1-rc.41
- 0.35.1-rc.34
- 0.35.1-rc.26
- 0.35.1-rc.25
- 0.35.1-rc.24
- 0.35.1-rc.15
- 0.34.1-rc.0
- 0.33.3-overlay.66
- 0.33.3-overlay.65
- 0.33.3-overlay.61
- 0.33.1-overlay.41
- 0.33.1-overlay.39
- 0.32.1-overlay.41
- 0.32.1-overlay.33
- 0.31.1-react.21
- 0.31.1-react.3
- 0.31.1-react.2
- 0.31.1-react.1
- 0.31.1-overlay.29
- 0.30.1-overlay.42
- 0.30.1-overlay.41
- 0.30.1-overlay.40
- 0.30.1-overlay.38
- 0.30.1-overlay.37
- 0.30.1-overlay.31
- 0.30.1-overlay.30
- 0.9.10-overlay.18
- 0.9.10-overlay.17
- 0.9.10-overlay.15
- 0.9.10-overlay.14
- 0.9.10-overlay.13
- 0.9.10-overlay.12
- 0.9.10-overlay.11
- 0.9.10-overlay.10
- 0.9.8-overlay.22
- 0.9.8-overlay.9
- 0.9.8-overlay.8
- 0.9.6-react.75
- 0.9.6-react.50
- 0.9.6-react.49
- 0.9.6-react.48
- 0.9.6-react.32
- 0.9.5-overlay-warning.19
- 0.9.3-react.54
- 0.9.0-devmode.0
- 0.8.12-devmode2.0
- 0.8.12-devmode.0
- 0.8.11-devmode.7
- 0.8.11-devmode.0
- 0.8.4-express.9
- 0.8.3-express.12
- 0.8.2-express.41
- 0.7.1-lit-next.0
- 0.6.10-lit-next.47
- 0.6.10-lit-next.24
- 0.6.10-lit-next.0
- 0.6.9-lit-next.56
- 0.6.9-lit-next.14
- 0.6.9-alpha.1
- 0.6.8-alpha.40
- 0.6.8-alpha.1
- 0.6.7-alpha.59
- 0.6.7-alpha.1
- 0.6.6-alpha.74
- 0.6.6-alpha.73
- 0.6.6-alpha.72
- 0.6.6-alpha.61
- 0.6.6-alpha.27
- 0.6.6-alpha.0
- 0.6.4-beta.17
- 0.6.4-beta.16
- 0.6.4-beta.15
- 0.6.4-beta.14
- 0.6.4-beta.13
- 0.6.4-beta.12
- 0.6.4-beta.11
- 0.6.4-beta.10
- 0.6.4-alpha.26
- 0.6.4-alpha.23
- 0.6.4-alpha.21
- 0.6.4-alpha.17
- 0.6.4-alpha.12
- 0.6.4-alpha.11
- 0.6.4-alpha.9
- 0.5.1-alpha.70
- 0.4.0-alpha.40
- 0.3.4-alpha.178
- 0.3.4-alpha.169
- 0.3.4-alpha.85
- 0.3.4-alpha.84
- 0.3.4-alpha.60
- 0.3.3-alpha.0
- 0.3.2-beta.17
- 0.3.2-alpha.17
- 0.2.1-alpha.95
- 0.1.2-alpha.38
- 0.0.0-modal-performance-20250414163725
- 0.0.0-20250410163257
- 0.0.0-20250327111926
- 0.0.0-20250211061642
- 0.0.0-20250210113716
- 0.0.0-20250210104349
- 0.0.0-20250210095839
- 0.0.0-20250210092211
- 0.0.0-20250210081721
- 0.0.0-20250210080630
- 0.0.0-20250210075156
- 0.0.0-20250210074307
- 0.0.0-20241211115453
- 0.0.0-20241211113516
- 0.0.0-20241211112924
- 0.0.0-20241211112232
- 0.0.0-20241211111227
- 0.0.0-20241211110529
- 0.0.0-20241211071818
- 0.0.0-20241211070850
- 0.0.0-20241209155954
<script type="module"> import spectrumWebComponentsunderlay from 'https://cdn.jsdelivr.net/npm/@spectrum-web-components/underlay@1.7.0/+esm' </script>
- 1.7.0
- 1.6.0
- 1.5.0
- 1.4.0
- 1.3.0
- 1.2.0
- 1.1.2
- 1.1.1
- 1.1.0
- 1.0.3
- 1.0.2
- 1.0.1
- 1.0.0
- 0.49.0
- 0.48.1
- 0.48.0
- 0.47.2
- 0.47.1
- 0.47.0
- 0.46.0
- 0.45.0
- 0.44.0
- 0.43.0
- 0.42.5
- 0.42.4
- 0.42.3
- 0.42.2
- 0.42.1
- 0.42.0
- 0.41.2
- 0.41.1
- 0.41.0
- 0.40.5
- 0.40.4
- 0.40.3
- 0.40.2
- 0.40.1
- 0.40.0
- 0.39.4
- 0.39.3
- 0.39.2
- 0.39.1
- 0.39.0
- 0.38.0
- 0.37.0
- 0.36.0
- 0.35.0
- 0.34.0
- 0.33.2
- 0.33.0
- 0.32.0
- 0.31.0
- 0.30.0
- 0.9.9
- 0.9.8
- 0.9.7
- 0.9.6
- 0.9.5
- 0.9.4
- 0.9.3
- 0.9.2
- 0.9.1
- 0.9.0
- 0.8.11
- 0.8.10
- 0.8.9
- 0.8.8
- 0.8.7
- 0.8.6
- 0.8.5
- 0.8.4
- 0.8.3
- 0.8.2
- 0.8.1
- 0.8.0
- 0.7.1
- 0.7.0
- 0.6.9
- 0.6.8
- 0.6.7
- 0.6.6
- 0.6.5
- 0.6.4
- 0.6.3
- 0.6.2
- 0.6.1
- 0.6.0
- 0.5.1
- 0.5.0
- 0.4.0
- 0.3.3
- 0.3.2
- 0.3.1
- 0.3.0
- 0.2.1
- 0.2.0
- 0.1.1
- 0.1.0
- 1.7.0-snapshot.20250609112703
- 1.7.0-snapshot.20250519200040
- 1.7.0-snapshot.20250519151006
- 1.7.0-snapshot.20250519143559
- 1.6.1-preview-2d9fabee.20250507183133
- 1.6.1-beta.0
- 1.6.0-beta.0
- 1.5.1-beta.0
- 1.5.0-beta.0
- 1.4.1-beta.0
- 1.4.0-beta.0
- 1.3.1-beta.0
- 1.3.0-testing.0
- 1.3.0-beta.6
- 1.3.0-beta.5
- 1.3.0-beta.4
- 1.3.0-beta.3
- 1.3.0-beta.2
- 1.3.0-beta.1
- 1.3.0-beta.0
- 1.2.0-beta.19
- 1.2.0-beta.18
- 1.2.0-beta.17
- 1.2.0-beta.16
- 1.2.0-beta.15
- 1.2.0-beta.14
- 1.2.0-beta.13
- 1.2.0-beta.12
- 1.2.0-beta.11
- 1.2.0-beta.10
- 1.2.0-beta.9
- 1.2.0-beta.8
- 1.2.0-beta.7
- 1.2.0-beta.6
- 1.2.0-beta.5
- 1.2.0-beta.4
- 1.2.0-beta.3
- 1.2.0-beta.2
- 1.2.0-beta.1
- 1.2.0-beta.0
- 1.1.0-beta.55
- 1.1.0-beta.54
- 1.1.0-beta.53
- 1.1.0-beta.52
- 1.1.0-beta.51
- 1.1.0-beta.50
- 1.1.0-beta.49
- 1.1.0-beta.48
- 1.1.0-beta.47
- 1.1.0-beta.46
- 1.1.0-beta.45
- 1.1.0-beta.44
- 1.1.0-beta.43
- 1.1.0-beta.42
- 1.1.0-beta.41
- 1.1.0-beta.40
- 1.1.0-beta.39
- 1.1.0-beta.38
- 1.1.0-beta.37
- 1.1.0-beta.36
- 1.1.0-beta.35
- 1.1.0-beta.34
- 1.1.0-beta.33
- 1.1.0-beta.32
- 1.1.0-beta.31
- 1.1.0-beta.30
- 1.1.0-beta.29
- 1.1.0-beta.28
- 1.1.0-beta.27
- 1.1.0-beta.26
- 1.1.0-beta.25
- 1.1.0-beta.24
- 1.1.0-beta.23
- 1.1.0-beta.22
- 1.1.0-beta.21
- 1.1.0-beta.20
- 1.1.0-beta.19
- 1.1.0-beta.18
- 1.1.0-beta.17
- 1.1.0-beta.16
- 1.1.0-beta.15
- 1.1.0-beta.14
- 1.1.0-beta.13
- 1.1.0-beta.12
- 1.1.0-beta.11
- 1.1.0-beta.10
- 1.1.0-beta.9
- 1.1.0-beta.8
- 1.1.0-beta.7
- 1.1.0-beta.6
- 1.1.0-beta.5
- 1.1.0-beta.4
- 1.1.0-beta.3
- 1.1.0-beta.2
- 1.1.0-beta.1
- 1.1.0-beta.0
- 1.0.1-color-testing
- 1.0.0-rc.10
- 1.0.0-rc.9
- 1.0.0-rc.8
- 1.0.0-rc.7
- 1.0.0-rc.6
- 1.0.0-rc.5
- 1.0.0-rc.4
- 1.0.0-rc.3
- 1.0.0-rc.2
- 1.0.0-rc.1
- 1.0.0-rc.0
- 0.50.0-beta.12
- 0.50.0-beta.11
- 0.50.0-beta.10
- 0.50.0-beta.9
- 0.50.0-beta.8
- 0.50.0-beta.7
- 0.50.0-beta.6
- 0.50.0-beta.5
- 0.50.0-beta.4
- 0.50.0-beta.3
- 0.50.0-beta.2
- 0.50.0-beta.1
- 0.50.0-beta.0
- 0.49.0-beta.2
- 0.49.0-beta.1
- 0.49.0-beta.0
- 0.48.0-beta.2
- 0.48.0-beta.1
- 0.48.0-beta.0
- 0.35.1-rc.43
- 0.35.1-rc.41
- 0.35.1-rc.34
- 0.35.1-rc.26
- 0.35.1-rc.25
- 0.35.1-rc.24
- 0.35.1-rc.15
- 0.34.1-rc.0
- 0.33.3-overlay.66
- 0.33.3-overlay.65
- 0.33.3-overlay.61
- 0.33.1-overlay.41
- 0.33.1-overlay.39
- 0.32.1-overlay.41
- 0.32.1-overlay.33
- 0.31.1-react.21
- 0.31.1-react.3
- 0.31.1-react.2
- 0.31.1-react.1
- 0.31.1-overlay.29
- 0.30.1-overlay.42
- 0.30.1-overlay.41
- 0.30.1-overlay.40
- 0.30.1-overlay.38
- 0.30.1-overlay.37
- 0.30.1-overlay.31
- 0.30.1-overlay.30
- 0.9.10-overlay.18
- 0.9.10-overlay.17
- 0.9.10-overlay.15
- 0.9.10-overlay.14
- 0.9.10-overlay.13
- 0.9.10-overlay.12
- 0.9.10-overlay.11
- 0.9.10-overlay.10
- 0.9.8-overlay.22
- 0.9.8-overlay.9
- 0.9.8-overlay.8
- 0.9.6-react.75
- 0.9.6-react.50
- 0.9.6-react.49
- 0.9.6-react.48
- 0.9.6-react.32
- 0.9.5-overlay-warning.19
- 0.9.3-react.54
- 0.9.0-devmode.0
- 0.8.12-devmode2.0
- 0.8.12-devmode.0
- 0.8.11-devmode.7
- 0.8.11-devmode.0
- 0.8.4-express.9
- 0.8.3-express.12
- 0.8.2-express.41
- 0.7.1-lit-next.0
- 0.6.10-lit-next.47
- 0.6.10-lit-next.24
- 0.6.10-lit-next.0
- 0.6.9-lit-next.56
- 0.6.9-lit-next.14
- 0.6.9-alpha.1
- 0.6.8-alpha.40
- 0.6.8-alpha.1
- 0.6.7-alpha.59
- 0.6.7-alpha.1
- 0.6.6-alpha.74
- 0.6.6-alpha.73
- 0.6.6-alpha.72
- 0.6.6-alpha.61
- 0.6.6-alpha.27
- 0.6.6-alpha.0
- 0.6.4-beta.17
- 0.6.4-beta.16
- 0.6.4-beta.15
- 0.6.4-beta.14
- 0.6.4-beta.13
- 0.6.4-beta.12
- 0.6.4-beta.11
- 0.6.4-beta.10
- 0.6.4-alpha.26
- 0.6.4-alpha.23
- 0.6.4-alpha.21
- 0.6.4-alpha.17
- 0.6.4-alpha.12
- 0.6.4-alpha.11
- 0.6.4-alpha.9
- 0.5.1-alpha.70
- 0.4.0-alpha.40
- 0.3.4-alpha.178
- 0.3.4-alpha.169
- 0.3.4-alpha.85
- 0.3.4-alpha.84
- 0.3.4-alpha.60
- 0.3.3-alpha.0
- 0.3.2-beta.17
- 0.3.2-alpha.17
- 0.2.1-alpha.95
- 0.1.2-alpha.38
- 0.0.0-modal-performance-20250414163725
- 0.0.0-20250410163257
- 0.0.0-20250327111926
- 0.0.0-20250211061642
- 0.0.0-20250210113716
- 0.0.0-20250210104349
- 0.0.0-20250210095839
- 0.0.0-20250210092211
- 0.0.0-20250210081721
- 0.0.0-20250210080630
- 0.0.0-20250210075156
- 0.0.0-20250210074307
- 0.0.0-20241211115453
- 0.0.0-20241211113516
- 0.0.0-20241211112924
- 0.0.0-20241211112232
- 0.0.0-20241211111227
- 0.0.0-20241211110529
- 0.0.0-20241211071818
- 0.0.0-20241211070850
- 0.0.0-20241209155954
All files
1.5K 
Selected files