Material Web Bundler

Don't use this, import maps are available! Use unpkg.

Introduction

This is a bundler for Material Web(and Material Web Additions) components. It bundles the components into static files, which can be used in a browser.

Dont use minify, it'll try to redefine the same custom element, which will cause an error.

Usage

Per component

<script src="https://m3.stiblook.rocks/bundled/{component}.js"></script>

All Material Web Components

<script> src="https://m3.stiblook.rocks/bundled/material.js"></script>

All Material Web Additions Components

<script> src="https://m3.stiblook.rocks/bundled/material-additions.js"></script>

The variants of components are bundled to the same file. For example, md-filled-button, md-outlined-button are bundled to button.js.

Components List

Component	Bundled File	Minified File
badge	badge.js	badge.min.js
button	button.js	button.min.js
card	card.js	card.min.js
checkbox	checkbox.js	checkbox.min.js
chips	chips.js	chips.min.js
circularprogress	circularprogress.js	circularprogress.min.js
data-table	data-table.js	data-table.min.js
dialog	dialog.js	dialog.min.js
divider	divider.js	divider.min.js
elevation	elevation.js	elevation.min.js
fab	fab.js	fab.min.js
field	field.js	field.min.js
focus	focus.js	focus.min.js
icon	icon.js	icon.min.js
iconbutton	iconbutton.js	iconbutton.min.js
layout-grid	layout-grid.js	layout-grid.min.js
linearprogress	linearprogress.js	linearprogress.min.js
list	list.js	list.min.js
menu	menu.js	menu.min.js
navigationbar	navigationbar.js	navigationbar.min.js
navigationdrawer	navigationdrawer.js	navigationdrawer.min.js
navigationtab	navigationtab.js	navigationtab.min.js
radio	radio.js	radio.min.js
ripple	ripple.js	ripple.min.js
segmentedbutton	segmentedbutton.js	segmentedbutton.min.js
segmentedbuttonset	segmentedbuttonset.js	segmentedbuttonset.min.js
select	select.js	select.min.js
slider	slider.js	slider.min.js
switch	switch.js	switch.min.js
tabs	tabs.js	tabs.min.js
textfield	textfield.js	textfield.min.js