Question: Install all web components from CDN with one line #134

Activity

1. boustanihani commented on Nov 16, 2025

   

   boustanihani

   on Nov 16, 2025

   Last edited by boustanihani

   Author

   More actions

   The following examples seem to work fine =>

   Using JSDELIVR:

   <!DOCTYPE html>
   <html lang="en">
   
   <head>
     <!-- IX-CSS -->
     <link rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/@siemens/ix@latest/dist/siemens-ix/siemens-ix.css">
   
     <!-- IX-Icons -->
     <script type="module"
       src="https://cdn.jsdelivr.net/npm/@siemens/ix-icons@latest/dist/ix-icons/ix-icons.esm.js"></script>
   
     <!-- IX-Components -->
     <script type="module"
       src="https://cdn.jsdelivr.net/npm/@siemens/ix@latest/dist/siemens-ix/siemens-ix.esm.js"></script>
   </head>
   
   <body>
   
     <div>
       <ix-button icon="star">Button</ix-button>
     </div>
   
   </body>
   
   </html>

   Using UNPKG:

   <!DOCTYPE html>
   <html lang="en">
   
   <head>
     <!-- IX-CSS -->
     <link rel="stylesheet"
       href="https://unpkg.com/@siemens/ix@latest/dist/siemens-ix/siemens-ix.css">
   
     <!-- IX-Icons -->
     <script type="module"
       src="https://unpkg.com/@siemens/ix-icons@latest/dist/ix-icons/ix-icons.esm.js"></script>
   
     <!-- IX-Components -->
     <script type="module"
       src="https://unpkg.com/@siemens/ix@latest/dist/siemens-ix/siemens-ix.esm.js"></script>
   </head>
   
   <body>
   
     <div>
       <ix-button icon="star">Button</ix-button>
     </div>
   
   </body>
   
   </html>

   Would be great if you could add an official example to the following section in the docs:
   https://ix.siemens.io/docs/home/installation/javascript

   The title could be "Installing from a CDN (without a bundler)".
2. flxlst09

   transferred this issue fromsiemens/ixon Nov 17, 2025
3. danielleroux commented on Nov 17, 2025

   

   danielleroux

   on Nov 17, 2025

   Collaborator

   More actions

   @boustanihani we moved the issue to the docs repo

   ❤️React with ❤️1Reacted by boustanihani