Installing
There are two ways to use Shoelace. If you want to get things up and running quickly, use the dist/ version or the CDN version. This version isn’t customizable, nor can you use future CSS features with it. It’s primarily intended for prototyping.
If you’re developing a production app, you should build Shoelace from source. This version is completely customizable, modular, and let’s you use future CSS features today.
+If you’re developing a production app, you should build Shoelace from source. This version is completely customizable, modular, and lets you use future CSS features today.
Note: To make certain components interactive (e.g. dropdowns and tabs), you’ll need to load jQuery or Zepto before shoelace.js.
CDN
This is the best approach for prototyping, however, this version isn’t customizable and doesn’t support future CSS features. To load Shoelace via CDN, add this to your <head>: