Budibase is an open-source low-code platform for creating internal apps in minutes. Supports PostgreSQL, MySQL, MSSQL, MongoDB, Rest API, Docker, K8s 🚀
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

14 lines
2.5 KiB

<!DOCTYPE html><html class="spectrum spectrum--light spectrum--medium" lang="en-US" dir="ltr"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Modal - Spectrum CSS</title><meta name="viewport" content="user-scalable=no,initial-scale = 1.0,maximum-scale = 1.0"><link rel="stylesheet" type="text/css" href="dependencies/@spectrum-css/vars/spectrum-lightest.css"><link rel="stylesheet" type="text/css" href="dependencies/@spectrum-css/vars/spectrum-light.css"><link rel="stylesheet" type="text/css" href="dependencies/@spectrum-css/vars/spectrum-dark.css"><link rel="stylesheet" type="text/css" href="dependencies/@spectrum-css/vars/spectrum-darkest.css"><link rel="stylesheet" type="text/css" href="dependencies/@spectrum-css/vars/spectrum-medium.css"><link rel="stylesheet" type="text/css" href="dependencies/@spectrum-css/vars/spectrum-large.css"><!-- Include the actual component--><link rel="stylesheet" type="text/css" href="../index-vars.css"><link rel="stylesheet" type="text/css" href="css/site.css"><link rel="stylesheet" type="text/css" href="css/docs.css"><script src="js/loadicons/index.js"></script><script src="js/focus-ring-polyfill/index.js"></script><script src="js/typekit.js"></script><script src="js/SpectrumSwitcher.js"></script><script>loadIcons('dependencies/@spectrum-css/icon/spectrum-css-icons.svg');
var switcher = new SpectrumSwitcher();
</script><style type="text/css">body {
overflow: auto;
}
.spectrum-CSSExample-example {
border-radius: 0;
}
</style></head><body><article class="spectrum-CSSComponent"><header class="spectrum-CSSComponent-heading"><h1 class="spectrum-CSSComponent-title spectrum-Heading spectrum-Heading--sizeXXXL spectrum-Heading--serif"><a class="spectrum-BigSubtleLink" href="#undefined">Modal</a></h1><p class="spectrum-CSSComponent-version spectrum-Body spectrum-Body--sizeS">Version 3.0.2</p></header><section class="spectrum-CSSComponent-description spectrum-Body spectrum-Body--sizeL"><p>A modal component used primarily by Dialog</p>
</section><article class="spectrum-CSSExample"><header><h3 class="spectrum-CSSExample-heading spectrum-Heading spectrum-Heading--sizeS">Modal</h3></header><section class="spectrum-CSSExample-container"><div class="spectrum-CSSExample-example spectrum-CSSExample-example--overlay"><div class="spectrum-Modal-wrapper spectrum-CSSExample-dialog">
<div class="spectrum-Modal is-open">This is a modal. Don't use it like this; get yourself a Modal.</div>
</div>
</div></section></article></article><div class="spectrum-Underlay" id="spectrum-underlay"></div></body></html>