DroneDeploy's UI Kit is vastly composed of Material Design components. To start using the UI Kit, please add the MaterializeCSS CDN and DroneDeploy's CSS. The DroneDeploy CSS, dd-styles.css, is included with all of our starter Templates.
CSS
<!-- Compiled and minified Materialized CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<!-- DroneDeploy CSS Do Not Modify -->
<link rel="stylesheet" href="css/dd-styles.css">
Setup
HTML Document Setup
Next we have to setup the HTML file structure to include all the necessary CSS and JS files.
<!DOCTYPE html>
<html>
<head>
<!-- Compiled and minified Materialized CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<!--DroneDeploy CSS Do Not Modify -->
<link rel="stylesheet" href="css/dd-styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!--JS file included when a template is downloaded js/app.js-->
<script src="js/script.js"></script>
</body>
</html>
Documentation
To quickly get started download one of our templates or review our documentation in detail.
