{"_id":"@aphrody/material-web","_rev":"4-8ae9ff113e1dbf6faba0be2395e24923","name":"@aphrody/material-web","dist-tags":{"latest":"3.2.5"},"versions":{"3.2.1":{"name":"@aphrody/material-web","version":"3.2.1","keywords":["components","design system","lit","material","material design","web components"],"author":"aphrody-code","license":"Apache-2.0","_id":"@aphrody/material-web@3.2.1","maintainers":[{"name":"yohan971","email":"yohanpierre@live.fr"}],"homepage":"https://github.com/aphrody-code/material-web/tree/main/packages/material-web#readme","bugs":{"url":"https://github.com/aphrody-code/material-web/issues"},"dist":{"shasum":"76f5642ca3b3995f3650e5842b6a6b52aafc9c51","tarball":"https://registry.npmjs.org/@aphrody/material-web/-/material-web-3.2.1.tgz","fileCount":2675,"integrity":"sha512-DAZA/9PJG9/xFMOMZDIeGtTIXTgd1oWDA7X17VNK90xp+iOeyU84iQpWvQpXeXszxcLGaGWBz6s4DcaCU+td3g==","signatures":[{"sig":"MEUCIQCaL9Zl5+pp2bSoldrPTNG9HsqGIcJCDkuWbae9EMam5AIgOQzgpX8mq5h6yj6SfLFzLvx8mADe+HFvB9fwd281Odw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8621516},"type":"module","shasum":"76f5642ca3b3995f3650e5842b6a6b52aafc9c51","wireit":{"test":{"files":["test/**","**/*.ts","!**/*.d.ts"],"output":[],"command":"bun test","dependencies":["build:ts"]},"build":{"dependencies":["build:ts"]},"build:ts":{"dependencies":["build:ts:main","build:ts:labs-gb"]},"build:sass":{"files":["**/*.scss","scripts/compile-sass.ts"],"output":["**/*.css"],"command":"bun scripts/compile-sass.ts","dependencies":["build:sass:generate"]},"build:ts:main":{"clean":"if-file-deleted","files":["tsconfig.json","tsconfig.base.json","**/*.ts","!**/*.d.ts","!**/*.cssresult.ts","!labs/gb/**","!scripts/"],"output":[".tsbuildinfo","**/*.js","**/*.js.map","**/*.d.ts","!web-test-runner.config.js","!types/","!labs/gb/**","!scripts/"],"command":"tsc --pretty","dependencies":["build:css-to-ts"]},"build:css-to-ts":{"clean":"if-file-deleted","files":["**/*.css","scripts/css-to-ts.ts"],"output":["**/*.cssresult.ts"],"command":"bun scripts/css-to-ts.ts","dependencies":["build:sass"]},"build:ts:labs-gb":{"clean":"if-file-deleted","files":["tsconfig.base.json","labs/gb/tsconfig.json","labs/gb/**/*.ts","!labs/gb/**/*.d.ts"],"output":[".tsbuildinfo","labs/gb/**/*.js","labs/gb/**/*.js.map","labs/gb/**/*.d.ts"],"command":"tsc --pretty -p labs/gb/tsconfig.json","dependencies":["build:css-to-ts"]},"build:sass:generate":{"files":["tokens/versions/**/_md-*.scss","!tokens/versions/**/*-meta.scss","scripts/generate-sass-token-meta.ts"],"output":["tokens/versions/**/*-meta.scss"],"command":"bun scripts/generate-sass-token-meta.ts"}},"scripts":{"test":"wireit","build":"wireit","build:ts":"wireit","typecheck":"tsc -p tsconfig.json --noEmit","build:sass":"wireit","test:browser":"bun tests-bxc/run.ts","build:aphrody":"bun run aphrody-build.ts","typecheck:bun":"tsc -p tsconfig.bun.json --noEmit","typecheck:fast":"tsgo -p tsconfig.json --noEmit","build:css-to-ts":"wireit","typecheck:aphrody":"tsc -p tsconfig.aphrody.json"},"_npmUser":{"name":"yohan971","email":"yohanpierre@live.fr"},"_integrity":"sha512-DAZA/9PJG9/xFMOMZDIeGtTIXTgd1oWDA7X17VNK90xp+iOeyU84iQpWvQpXeXszxcLGaGWBz6s4DcaCU+td3g==","repository":{"url":"git+https://github.com/aphrody-code/material-web.git","type":"git","directory":"packages/material-web"},"_npmVersion":"10.8.3","description":"Material Design 3 web components (Lit) — MUI + MUI X migration target","directories":{},"_nodeVersion":"24.3.0","dependencies":{"lit":"^3.3.3","three":"^0.184.0","tslib":"^2.8.1","@lit/context":"^1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"wireit":"^0.14.12","bun-types":"^1.3.14","sass-true":"^10.1.0","typescript":"^6.0.3","@types/node":"^25.9.1","@types/three":"^0.184.0","sass-embedded":"^1.100.0","@typescript/native-preview":"^7.0.0-dev.20260527.2","element-internals-polyfill":"^3.0.2","@happy-dom/global-registrator":"^20.9.0"},"_npmOperationalInternal":{"tmp":"tmp/material-web_3.2.1_1780527325989_0.08622229359874578","host":"s3://npm-registry-packages-npm-production"}},"3.2.2":{"name":"@aphrody/material-web","version":"3.2.2","keywords":["components","design system","lit","material","material design","web components"],"author":"aphrody-code","license":"Apache-2.0","_id":"@aphrody/material-web@3.2.2","maintainers":[{"name":"yohan971","email":"yohanpierre@live.fr"}],"homepage":"https://github.com/aphrody-code/material-web/tree/main/packages/material-web#readme","bugs":{"url":"https://github.com/aphrody-code/material-web/issues"},"dist":{"shasum":"896e98a90123aa4d3467938f839ae87138f29d7f","tarball":"https://registry.npmjs.org/@aphrody/material-web/-/material-web-3.2.2.tgz","fileCount":2675,"integrity":"sha512-sESWDHxBydB9NIRrHjZwphfD71NSYWfz7ngbq+d6N6XRP2JPNiNHdwFDjNix+QJin8mAtJLJv2IiNCVyPuJ41Q==","signatures":[{"sig":"MEQCIDbVNwIuVOqIvg2i9kGfjLoOv8BV6nY7dM43ONggdrRNAiBXsZCdXeB2Ri0Akg5OZb3HXpxYFGv3NJnHfIk2b3mVxw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8621356},"type":"module","shasum":"896e98a90123aa4d3467938f839ae87138f29d7f","wireit":{"test":{"files":["test/**","**/*.ts","!**/*.d.ts"],"output":[],"command":"bun test","dependencies":["build:ts"]},"build":{"dependencies":["build:ts"]},"build:ts":{"dependencies":["build:ts:main","build:ts:labs-gb"]},"build:sass":{"files":["**/*.scss","scripts/compile-sass.ts"],"output":["**/*.css"],"command":"bun scripts/compile-sass.ts","dependencies":["build:sass:generate"]},"build:ts:main":{"clean":"if-file-deleted","files":["tsconfig.json","tsconfig.base.json","**/*.ts","!**/*.d.ts","!**/*.cssresult.ts","!labs/gb/**","!scripts/"],"output":[".tsbuildinfo","**/*.js","**/*.js.map","**/*.d.ts","!web-test-runner.config.js","!types/","!labs/gb/**","!scripts/"],"command":"tsc --pretty","dependencies":["build:css-to-ts"]},"build:css-to-ts":{"clean":"if-file-deleted","files":["**/*.css","scripts/css-to-ts.ts"],"output":["**/*.cssresult.ts"],"command":"bun scripts/css-to-ts.ts","dependencies":["build:sass"]},"build:ts:labs-gb":{"clean":"if-file-deleted","files":["tsconfig.base.json","labs/gb/tsconfig.json","labs/gb/**/*.ts","!labs/gb/**/*.d.ts"],"output":[".tsbuildinfo","labs/gb/**/*.js","labs/gb/**/*.js.map","labs/gb/**/*.d.ts"],"command":"tsc --pretty -p labs/gb/tsconfig.json","dependencies":["build:css-to-ts"]},"build:sass:generate":{"files":["tokens/versions/**/_md-*.scss","!tokens/versions/**/*-meta.scss","scripts/generate-sass-token-meta.ts"],"output":["tokens/versions/**/*-meta.scss"],"command":"bun scripts/generate-sass-token-meta.ts"}},"scripts":{"test":"wireit","build":"wireit","build:ts":"wireit","typecheck":"tsc -p tsconfig.json --noEmit","build:sass":"wireit","test:browser":"bun tests-bxc/run.ts","build:aphrody":"bun run aphrody-build.ts","typecheck:bun":"tsc -p tsconfig.bun.json --noEmit","typecheck:fast":"tsgo -p tsconfig.json --noEmit","build:css-to-ts":"wireit","typecheck:aphrody":"tsc -p tsconfig.aphrody.json"},"_npmUser":{"name":"yohan971","email":"yohanpierre@live.fr"},"_integrity":"sha512-sESWDHxBydB9NIRrHjZwphfD71NSYWfz7ngbq+d6N6XRP2JPNiNHdwFDjNix+QJin8mAtJLJv2IiNCVyPuJ41Q==","repository":{"url":"git+https://github.com/aphrody-code/material-web.git","type":"git","directory":"packages/material-web"},"_npmVersion":"10.8.3","description":"Material Design 3 web components (Lit) — MUI + MUI X migration target","directories":{},"_nodeVersion":"24.3.0","dependencies":{"lit":"^3.3.3","three":"^0.184.0","tslib":"^2.8.1","@lit/context":"^1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"wireit":"^0.14.12","bun-types":"^1.3.14","sass-true":"^10.1.0","typescript":"^6.0.3","@types/node":"^25.9.1","@types/three":"^0.184.0","sass-embedded":"^1.100.0","@typescript/native-preview":"^7.0.0-dev.20260527.2","element-internals-polyfill":"^3.0.2","@happy-dom/global-registrator":"^20.9.0"},"_npmOperationalInternal":{"tmp":"tmp/material-web_3.2.2_1780528060324_0.6722216025658645","host":"s3://npm-registry-packages-npm-production"}},"3.2.4":{"name":"@aphrody/material-web","version":"3.2.4","keywords":["components","design system","lit","material","material design","web components"],"author":"aphrody-code","license":"Apache-2.0","_id":"@aphrody/material-web@3.2.4","maintainers":[{"name":"yohan971","email":"yohanpierre@live.fr"}],"homepage":"https://github.com/aphrody-code/material-web/tree/main/packages/material-web#readme","bugs":{"url":"https://github.com/aphrody-code/material-web/issues"},"dist":{"shasum":"e1cc72a3086d82da086b37bdb82be2ac584bda7a","tarball":"https://registry.npmjs.org/@aphrody/material-web/-/material-web-3.2.4.tgz","fileCount":2675,"integrity":"sha512-7bvyZitfl5H0MAi15YFTvK3KvhqErbm0rzLdXspM/N62uoX2O36IlfDSmmcsFam17P8juXf2pU15A+Ijywln2A==","signatures":[{"sig":"MEQCIDuOMpgs/ZPvekgJ6ft/zn4EYTuusveEXiLjZjm97q1qAiBy+v2afid6I2EEwh22NcqyUcyRdUUood56f+dMNUAJUg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8621452},"type":"module","shasum":"e1cc72a3086d82da086b37bdb82be2ac584bda7a","wireit":{"test":{"files":["test/**","**/*.ts","!**/*.d.ts"],"output":[],"command":"bun test","dependencies":["build:ts"]},"build":{"dependencies":["build:ts"]},"build:ts":{"dependencies":["build:ts:main","build:ts:labs-gb"]},"build:sass":{"files":["**/*.scss","scripts/compile-sass.ts"],"output":["**/*.css"],"command":"bun scripts/compile-sass.ts","dependencies":["build:sass:generate"]},"build:ts:main":{"clean":"if-file-deleted","files":["tsconfig.json","tsconfig.base.json","**/*.ts","!**/*.d.ts","!**/*.cssresult.ts","!labs/gb/**","!scripts/"],"output":[".tsbuildinfo","**/*.js","**/*.js.map","**/*.d.ts","!web-test-runner.config.js","!types/","!labs/gb/**","!scripts/"],"command":"tsc --pretty","dependencies":["build:css-to-ts"]},"build:css-to-ts":{"clean":"if-file-deleted","files":["**/*.css","scripts/css-to-ts.ts"],"output":["**/*.cssresult.ts"],"command":"bun scripts/css-to-ts.ts","dependencies":["build:sass"]},"build:ts:labs-gb":{"clean":"if-file-deleted","files":["tsconfig.base.json","labs/gb/tsconfig.json","labs/gb/**/*.ts","!labs/gb/**/*.d.ts"],"output":[".tsbuildinfo","labs/gb/**/*.js","labs/gb/**/*.js.map","labs/gb/**/*.d.ts"],"command":"tsc --pretty -p labs/gb/tsconfig.json","dependencies":["build:css-to-ts"]},"build:sass:generate":{"files":["tokens/versions/**/_md-*.scss","!tokens/versions/**/*-meta.scss","scripts/generate-sass-token-meta.ts"],"output":["tokens/versions/**/*-meta.scss"],"command":"bun scripts/generate-sass-token-meta.ts"}},"scripts":{"test":"wireit","build":"wireit","build:ts":"wireit","typecheck":"tsc -p tsconfig.json --noEmit","build:sass":"wireit","test:browser":"bun tests-bxc/run.ts","build:aphrody":"bun run aphrody-build.ts","typecheck:bun":"tsc -p tsconfig.bun.json --noEmit","typecheck:fast":"tsgo -p tsconfig.json --noEmit","build:css-to-ts":"wireit","typecheck:aphrody":"tsc -p tsconfig.aphrody.json"},"_npmUser":{"name":"yohan971","email":"yohanpierre@live.fr"},"_integrity":"sha512-7bvyZitfl5H0MAi15YFTvK3KvhqErbm0rzLdXspM/N62uoX2O36IlfDSmmcsFam17P8juXf2pU15A+Ijywln2A==","repository":{"url":"git+https://github.com/aphrody-code/material-web.git","type":"git","directory":"packages/material-web"},"_npmVersion":"10.8.3","description":"Material Design 3 web components (Lit) — MUI + MUI X migration target","directories":{},"_nodeVersion":"24.3.0","dependencies":{"lit":"^3.3.3","three":"^0.184.0","tslib":"^2.8.1","@lit/context":"^1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"wireit":"^0.14.12","bun-types":"^1.3.14","sass-true":"^10.1.0","typescript":"^6.0.3","@types/node":"^25.9.1","@types/three":"^0.184.0","sass-embedded":"^1.100.0","@typescript/native-preview":"^7.0.0-dev.20260527.2","element-internals-polyfill":"^3.0.2","@happy-dom/global-registrator":"^20.9.0"},"_npmOperationalInternal":{"tmp":"tmp/material-web_3.2.4_1786525658380_0.4162475263038985","host":"s3://npm-registry-packages-npm-production"}},"3.2.5":{"_id":"@aphrody/material-web@3.2.5","bugs":{"url":"https://github.com/aphrody-code/material-web/issues"},"dist":{"shasum":"1a42886263c3c484655603a72d4af1355490e926","tarball":"https://registry.npmjs.org/@aphrody/material-web/-/material-web-3.2.5.tgz","fileCount":2548,"integrity":"sha512-KeCcPaZ1JK61ME7Hsb1bz712ocUsUIJWPX+XBKgR2SLUXk3N6nmNMpdNHZEvE9avZne4Gtr9R1/cjGH6+MAq8w==","signatures":[{"sig":"MEUCIQD1lQpUCsLCv9D1XkR9e6ONAb9AZOyAcMF7n35mSfHUzgIgX8YrFzsQF16aM/rnMmdhKBDTLEajVwVv8yvV5roHQGQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDLT3S+/M5vFsI93lHrXMUZLUCIrvSLYFrayk0TpV80iAIhAOkc06HlxHDkthpPwsLcanZDR8P462hML1t1Ko+rbCt7"}],"unpackedSize":8429301},"name":"@aphrody/material-web","type":"module","author":{"name":"aphrody-code"},"wireit":{"test":{"files":["test/**","**/*.ts","!**/*.d.ts"],"output":[],"command":"bun test","dependencies":["build:ts"]},"build":{"dependencies":["build:ts"]},"build:ts":{"dependencies":["build:ts:main","build:ts:labs-gb"]},"build:sass":{"files":["**/*.scss","scripts/compile-sass.ts"],"output":["**/*.css"],"command":"bun scripts/compile-sass.ts","dependencies":["build:sass:generate"]},"build:ts:main":{"clean":"if-file-deleted","files":["tsconfig.json","tsconfig.base.json","**/*.ts","!**/*.d.ts","!**/*.cssresult.ts","!labs/gb/**","!scripts/"],"output":[".tsbuildinfo","**/*.js","**/*.js.map","**/*.d.ts","!web-test-runner.config.js","!types/","!labs/gb/**","!scripts/"],"command":"tsc --pretty","dependencies":["build:css-to-ts"]},"build:css-to-ts":{"clean":"if-file-deleted","files":["**/*.css","scripts/css-to-ts.ts"],"output":["**/*.cssresult.ts"],"command":"bun scripts/css-to-ts.ts","dependencies":["build:sass"]},"build:ts:labs-gb":{"clean":"if-file-deleted","files":["tsconfig.base.json","labs/gb/tsconfig.json","labs/gb/**/*.ts","!labs/gb/**/*.d.ts"],"output":[".tsbuildinfo","labs/gb/**/*.js","labs/gb/**/*.js.map","labs/gb/**/*.d.ts"],"command":"tsc --pretty -p labs/gb/tsconfig.json","dependencies":["build:css-to-ts"]},"build:sass:generate":{"files":["tokens/versions/**/_md-*.scss","!tokens/versions/**/*-meta.scss","scripts/generate-sass-token-meta.ts"],"output":["tokens/versions/**/*-meta.scss"],"command":"bun scripts/generate-sass-token-meta.ts"}},"gitHead":"6981e124848acb9ce5364d87af955fd5fe992e23","license":"Apache-2.0","scripts":{"test":"wireit","build":"wireit","build:ts":"wireit","typecheck":"tsc -p tsconfig.json --noEmit","build:sass":"wireit","test:browser":"bun tests-bxc/run.ts","build:aphrody":"bun run aphrody-build.ts","typecheck:bun":"tsc -p tsconfig.bun.json --noEmit","typecheck:fast":"tsgo -p tsconfig.json --noEmit","build:css-to-ts":"wireit","typecheck:aphrody":"tsc -p tsconfig.aphrody.json"},"version":"3.2.5","_npmUser":{"name":"yohan971","email":"yohanpierre@live.fr"},"homepage":"https://github.com/aphrody-code/material-web/tree/main/packages/material-web#readme","keywords":["components","design system","lit","material","material design","web components"],"repository":{"url":"git+https://github.com/aphrody-code/material-web.git","type":"git","directory":"packages/material-web"},"_npmVersion":"9.2.0","description":"Material Design 3 web components (Lit) — MUI + MUI X migration target","directories":{},"maintainers":[{"name":"yohan971","email":"yohanpierre@live.fr"}],"_nodeVersion":"24.3.0","dependencies":{"lit":"catalog:","three":"catalog:","tslib":"catalog:","@lit/context":"catalog:"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"wireit":"catalog:","bun-types":"catalog:","sass-true":"catalog:","typescript":"catalog:","@types/node":"catalog:","@types/three":"catalog:","sass-embedded":"^1.100.0","@typescript/native-preview":"catalog:","element-internals-polyfill":"catalog:","@happy-dom/global-registrator":"catalog:"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/material-web_3.2.5_1789022501783_0.41705742122944867"}}},"time":{"created":"2026-06-03T22:55:25.846Z","modified":"2026-09-10T06:41:42.247Z","3.2.1":"2026-06-03T22:55:26.228Z","3.2.2":"2026-06-03T23:07:40.594Z","3.2.4":"2026-08-12T09:07:38.588Z","3.2.5":"2026-09-10T06:41:41.975Z"},"bugs":{"url":"https://github.com/aphrody-code/material-web/issues"},"author":{"name":"aphrody-code"},"license":"Apache-2.0","homepage":"https://github.com/aphrody-code/material-web/tree/main/packages/material-web#readme","keywords":["components","design system","lit","material","material design","web components"],"repository":{"url":"git+https://github.com/aphrody-code/material-web.git","type":"git","directory":"packages/material-web"},"description":"Material Design 3 web components (Lit) — MUI + MUI X migration target","maintainers":[{"name":"yohan971","email":"yohanpierre@live.fr"}],"readme":"<!-- SPDX-License-Identifier: Apache-2.0 -->\n\n# Material Web\n\n<img src=\"./docs/images/material-web.gif\"\n  title=\"Material web components\"\n  alt=\"A collection of Material web components\"\n  style=\"border-radius: 32px\">\n\n[![Published on npm](https://img.shields.io/npm/v/%40material%2Fweb)](https://www.npmjs.com/package/@material/web)\n[![Join our Discord](https://img.shields.io/badge/discord-join%20chat-5865F2.svg?logo=discord&logoColor=fff&label=%23material)](https://lit.dev/discord/)\n[![Test status](https://github.com/material-components/material-web/actions/workflows/test.yml/badge.svg)](https://github.com/material-components/material-web/actions/workflows/test.yml)\n[![npm Downloads](https://img.shields.io/npm/dm/%40material%2Fweb?label=npm%20downloads)](https://npm-stat.com/charts.html?package=%40material%2Fweb)\n[![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/%40material%2Fweb)](https://www.jsdelivr.com/package/npm/@material/web?tab=stats)\n\n`@material/web` is a library of\n[web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components)<!-- {.external} -->\nthat helps build beautiful and accessible web applications. It uses\n[Material 3](https://m3.material.io/)<!-- {.external} -->, the latest version of Google's\nopen-source design system.\n\n**Note:\n[MWC is in maintenance mode pending new maintainers](https://github.com/material-components/material-web/discussions/5642).**\n\n## Resources\n\n- [Introduction](./docs/intro.md)\n- [Roadmap](./docs/roadmap.md)\n- [Component docs](./docs/components/)\n- [Bundle size](./docs/size.md)\n- [Browser support and FAQ](./docs/support.md)\n\n## Quick start\n\n> Tip: Using Angular? We recommend using\n> [Angular Material](https://material.angular.io/)<!-- {.external} --> components\n> instead.\n\nThis code snippet is a buildless example that loads `@material/web` from a CDN.\nCheck out the [quick start](./docs/quick-start.md) guide to install and build\nfor production.\n\n<!-- LINT.IfChange -->\n\n```html\n<head>\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\"\n    rel=\"stylesheet\"\n  />\n  <script type=\"importmap\">\n    {\n      \"imports\": {\n        \"@material/web/\": \"https://esm.run/@material/web/\"\n      }\n    }\n  </script>\n  <script type=\"module\">\n    import \"@material/web/all.js\";\n    import { styles as typescaleStyles } from \"@material/web/typography/md-typescale-styles.js\";\n\n    document.adoptedStyleSheets.push(typescaleStyles.styleSheet);\n  </script>\n</head>\n<body>\n  <h1 class=\"md-typescale-display-medium\">Hello Material!</h1>\n  <form>\n    <p class=\"md-typescale-body-medium\">Check out these controls in a form!</p>\n    <md-checkbox></md-checkbox>\n    <div>\n      <md-radio name=\"group\"></md-radio>\n      <md-radio name=\"group\"></md-radio>\n      <md-radio name=\"group\"></md-radio>\n    </div>\n\n    <md-outlined-text-field label=\"Favorite color\" value=\"Purple\"></md-outlined-text-field>\n\n    <md-outlined-button type=\"reset\">Reset</md-outlined-button>\n  </form>\n  <style>\n    form {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 16px;\n    }\n  </style>\n</body>\n```\n\n<!-- LINT.ThenChange(./g3doc/docs/quick-start.md) -->\n","readmeFilename":"README.md"}