From 93577b207c915663ac429017769c6ac14d89aec8 Mon Sep 17 00:00:00 2001 From: Adam Kudrna Date: Mon, 16 Oct 2023 12:22:37 +0200 Subject: [PATCH] Docs(web): Add CDN links for quick usage of the `spirit-web` package --- packages/web/README.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/packages/web/README.md b/packages/web/README.md index 9f65c17f65..3d8421803b 100644 --- a/packages/web/README.md +++ b/packages/web/README.md @@ -25,9 +25,12 @@ Link the full, vendor-prefixed and minimised CSS with default Spirit branding in your HTML template: ```html + ``` +👉 Alternatively, you can use [CDN](#cdn) links when you don't want to install any npm packages. + ### Advanced Implementation in Product with Sass ❗ **Important:** Make sure you have @@ -143,6 +146,20 @@ var modal = new Modal('#myModal'); var dropdown = new Dropdown('[data-spirit-toggle="dropdown"]'); ``` +### CDN + +Spirit Design System is also available on CDN: + +| Description | URL | +| --------------- | ----------------------------------------------------------------------------------------- | +| CSS: Foundation | https://cdn.jsdelivr.net/npm/@lmc-eu/spirit-web@latest/css/foundation.min.css | +| CSS: Components | https://cdn.jsdelivr.net/npm/@lmc-eu/spirit-web@latest/css/components.min.css | +| CSS: Helpers | https://cdn.jsdelivr.net/npm/@lmc-eu/spirit-web@latest/css/helpers.min.css | +| CSS: Utilities | https://cdn.jsdelivr.net/npm/@lmc-eu/spirit-web@latest/css/utilities.min.css | +| JavaScript | https://cdn.jsdelivr.net/npm/@lmc-eu/spirit-web@latest/js/bundle/spirit-web.bundle.min.js | + +👉 Consider using a specific version instead of `latest` in production. + ## Rebranding Design tokens and their [`@tokens` API][tokens-api] enable quick and easy