Getting Started CDN/NPM

In order to use Digital Guidelines, you'll need to install them using either the State of Michigan's content delivery network (CDN) or a Node Package Manager (NPM). The one that you'll utilize will depend on you and your department's specific needs.

CDN

To get the latest version of Digital Guidelines via CDN, add the following inside the <head> element in an HTML file, or where external assets are included in the online code editor

Make sure to copy-paste the stylesheet <link> into your <head> before all other stylesheets.

<link rel="stylesheet" type="text/css" href="https://digitalguidelines.michigan.gov/cdn/5.2.0/digital-guidelines-core/digital-guidelines-core.css">
<script type="module" src="https://digitalguidelines.michigan.gov/cdn/5.2.0/digital-guidelines-core/digital-guidelines-core.esm.js"></script>

NPM

Your department may want you to install Digital Guidelines via a Node Project Manager (NPM).

Follow the instructions here for installing NPM and Node.

Installing the package

You can install Digital Guidelines into your application by running the following command:

npm install @migov/digital-guidelines-core --save

Add the following script tags inside the <head> element in an HTML file.

<link rel="stylesheet" type="text/css" href="node_modules/@migov/digital-guidelines-core/dist/digital-guidelines-core/digital-guidelines-core.css">
<script type="module" src="node_modules/@migov/digital-guidelines-core/dist/digital-guidelines-core/digital-guidelines-core.esm.js"
></script>

Usage

Once the essential packages are installed, you can incorporate components into your site as HTML elements.

<som-button button-type="default" color="primary">call to action</som-button>

Get in touch

Do you have an idea, or want to help us improve this page? Reach out to us via email.

DTMB-DG-Support@michigan.gov

Need help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.