0

I've been using Material Design Lite (1.3) for a long time. Now I would like to use Material Design 3. (sporting this code which is still Material Design 1.3).

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.orange-yellow.min.css"> <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>

But I am using a Chromebook with admin lock. Therefore it is not possible to build Material Design 3.

Improve this question

1 Answer 1

Reset to default
1

You can use ESM bundler CDNs (fully in the browser), such as esm.run by jsdelivr.

<script src="https://esm.run/@material/web/all.js" type="module"></script>

Here's an example:

<label> I use Material 3! <md-checkbox checked></md-checkbox> </label> <md-outlined-button>Back</md-outlined-button> <md-filled-button>Next</md-filled-button> <script src="https://esm.run/@material/web/all.js" type="module"></script>

(source: https://github.com/material-components/material-web/discussions/5239#discussioncomment-7721589)

(if this helps, please mark this answer as "solution" and upvote it. thanks!)

Improve this answer
1
  • Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center. Commented Mar 23, 2024 at 14:43

You must log in to answer this question.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.