Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
@material/mwc-radio
Advanced tools
A [Material Components](https://material.io/components/) icon implementation using [Web Components](https://www.webcomponents.org/introduction)
A Material Components icon implementation using Web Components
The easiest way to try out mwc-radio is to use one of these online tools:
Runs in all supported browsers: StackBlitz, Glitch
Runs in browsers with JavaScript Modules: JSBin, CodePen.
You can also copy this HTML file into a local file and run it in any browser that supports JavaScript Modules.
When you're ready to use mwc-radio in a project, install it via npm. To run the project in the browser, a module-compatible toolctain is required. We recommend installing the Polymer CLI and using its development server as follows.
Ensure the webcomponents polyfills are included in your HTML page
Install webcomponents polyfills
npm i @webcomponents/webcomponentsjs
Add webcomponents polyfills to your HTML page
<script src="@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
Add mwc-radio to your project:
npm i @material/mwc-radio
Import the mwc-radio definition into your HTML page:
<script type="module" src="@material/mwc-radio/index.js"></script>
Or into your module script:
import {Radio} from "@material/mwc-radio"
Create an instance of mwc-radio in your HTML page, or via any framework that supports rendering Custom Elements:
<mwc-radio></mwc-radio>
Install the Polymer CLI:
npm i -g polymer-cli@next
Run the development server and open a browser pointing to its URL:
polymer serve
mwc-radio is published on npm using JavaScript Modules. This means it can take advantage of the standard native JavaScript module loader available in all current major browsers.
However, since mwc-radio uses npm convention to reference dependencies by name, a light transform to rewrite specifiers to URLs is required to get it to run in the browser. The polymer-cli's development server
polymer serve
automatically handles this transform.
Tools like WebPack and Rollup can also be used to serve and/or bundle mwc-radio.
The last 2 versions of all modern browsers are supported, including Chrome, Safari, Opera, Firefox, Edge. In addition, Internet Explorer 11 is also supported.
1.0.0-pre.0 (2023-01-09)
--md-text-button-container-shape-start-start
<label>Checkbox <md-checkbox></md-checkbox></label>
.linkAttributes
(10cf00b)aria-label
/role
attributes to list, and customizable role
to list item. (8f63406)aria-label
support in menu, and set role=menu/menuitem
for menu and menu item components. (7e35820)theme()
mixins to style subcomponents. (f305806)flipMenuHorizontally
property, add unit tests. (884c3a2)handle-height
and handle-width
which are not yet implmented. (e2f3c28)aria-label
and aria-haspopup
attributes from Button HTML if not set (5e2a46e)<mwc-icon>
with <md-icon>
(8720a77)disabled
and checked
on internal input element. (73ed7a0)formAssociated
. (91c2425)value
can overwrite defaultValue
(58ae98c)FAQs
Material Design radio web component
The npm package @material/mwc-radio receives a total of 10,548 weekly downloads. As such, @material/mwc-radio popularity was classified as popular.
We found that @material/mwc-radio demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 15 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.