{"_id":"@material/mwc-list","_rev":"701-1e68c0331b7ad3a017af9f11d8044eb1","name":"@material/mwc-list","dist-tags":{"latest":"0.27.0","canary":"0.26.0-canary.0af8ade5.0"},"versions":{"0.13.0":{"name":"@material/mwc-list","version":"0.13.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-list.js","module":"mwc-list.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/list":"=5.0.0-canary.a1a0deb3e.0","@material/mwc-base":"^0.13.0","@material/mwc-checkbox":"^0.13.0","@material/mwc-radio":"^0.13.0","lit-element":"^2.2.1","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"054d0d234704a274e8aaf7d8a8a0399f525914eb","_id":"@material/mwc-list@0.13.0","_nodeVersion":"11.12.0","_npmVersion":"lerna/3.20.2/node@v11.12.0+x64 (darwin)","dist":{"integrity":"sha512-wccYa5svBh68xz93osil9ZWItUt219idbX0a41MMXZmgm3esGXuGG4kH9hn14opKrhK4HgYfpFml3yt0Jlx/hQ==","shasum":"60e940749692630b4c8435693910f1f554e2292f","tarball":"https://registry.npmjs.org/@material/mwc-list/-/mwc-list-0.13.0.tgz","fileCount":79,"unpackedSize":849532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOPc0CRA9TVsSAnZWagAAgxcP/0742EpQpmUGLJCCHPZ6\nPzQaiIiMzH8MOv599r8xSVmmAqitp6V9yTN5gRl9YACYVev4xYdL6NqMUGam\n3YA8ObArBUS94pmLae/paa2g716AsOwZn3FhbrGk95bzZLUa4Dg81HjLZyqe\nD9SnH3sMWpG+1x3Zbz/AJ6sO1IzpjABIFQEiy1YKCSvfAjn1ueuZg+8tRrn7\nAaK/CBOpEJDZUQaHqqE4cnBOehHPTBJ41bl85HvyeNPjXvrNCY9QiHDeyRZN\nAyKoyOgebfFVCSuLkCFOyNQCgS8QPtct8y7rzCvmM3rNc+zkZYCkuiJZ4bC7\nDQgdp3qmeWq4nrY6DbU3erid1ApYvJpQnPVj81/P5eaaL4aNoMpS8bCt3t3r\nNBTlKONeCXYuV4BwBp5pdRDiV78KSEY71wJTuX+SEq0Qw5lKA0exgTdfPmVe\ndIasRAYK0TA6iBtukqtJY5v77aplRII6NiqZiCC1CodWK8MpwuA67zSw+Th3\n+i9UTFzoI87W4WwgWRqbibyC8hVp2phTEGctKulBUim3PzO3QSsIuzL1Tq35\njHVOijj8jCoTQfNsVSYST/j6xxkVYrepSpEdu4Vd3FG6UdPSDyuZSQmk1Cqk\nEZN/OvDvwa8r6ma6kmpvWg/1xEJIMlDctRGZOdmyaJAFgnqJyj7mpB6+Sf+r\n2xjA\r\n=gY4C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID4x/i3ti7OfxTbh9TfwOQhba4CU/pCSrFV0EXVWT8+5AiEA/8kdrxoDJIDAuQpebl5gzd4v1PYZwHoXYzqKz/ZJSJE="}]},"maintainers":[{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-list_0.13.0_1580791604449_0.04535114513291072"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.f790f713.0":{"name":"@material/mwc-list","version":"0.14.0-canary.f790f713.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-list.js","module":"mwc-list.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/list":"=6.0.0-canary.781434a92.0","@material/mwc-base":"0.14.0-canary.f790f713.0","@material/mwc-checkbox":"0.14.0-canary.f790f713.0","@material/mwc-radio":"0.14.0-canary.f790f713.0","lit-element":"^2.2.1","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4ccf0f734c9b727a925e62b9999d4380351c7936","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-list.svg)](https://www.npmjs.com/package/@material/mwc-list)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nLists are continuous, vertical indexes of text or images.\n\n\n\n[Material Design Guidelines: lists](https://material.io/design/components/lists.html)\n\n## Installation\n\n```sh\nnpm install @material/mwc-list\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for Edge and IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Basic\n\n\n\n```html\n\n Item 0\n Item 1\n Item 2\n Item 3\n\n\n\n```\n\n### Activatable\n\n\n\n```html\n\n Item 0\n Item 1\n Item 2\n Item 3\n\n```\n\n### Multi-selectable (activatable)\n\n\n\n```html\n\n Item 0\n Item 1\n Item 2\n Item 3\n\n```\n\n### Leading Graphic\n\n_Note_: it is not recommended to mix graphic sizes in the same list.\n\n\n\n```html\n\n\n\n \n Avatar graphic\n folder\n \n \n Icon graphic\n folder\n \n \n medium graphic\n folder\n \n \n large graphic\n folder\n \n\n\n\n```\n\n### Meta Icon\n\n\n\n```html\n\n \n Location A\n info\n \n \n Location B\n info\n \n \n Location C\n info\n \n \n Location D\n info\n \n\n```\n\n### Two-Line\n\n\n\n```html\n\n \n Item 0\n Secondary line\n \n \n Item 1\n Secondary line\n \n \n Item 2\n Secondary line\n \n \n Item 3\n Secondary line\n \n\n```\n\n### Dividers\n\nDividers must have the `divider` attribute and it is recommended to add\n`role=\"separator\"` for screen readers. There are 3 variants of dividers,\nfull-width (default), padded (respects list padding), and inset (left-padding\nrespects avatar and icon paddding). These variants can be mixed.\n\n\n\n```html\n\n Item 0\n
  • \n Item 1\n
  • \n Item 2\n
  • \n Item 3\n
  • \n \n avatar item\n folder\n \n
  • \n \n avatar item\n folder\n \n    \n```\n\n### Checklist\n\n`mwc-check-list-item` inherits from `mwc-list-item`, so it will share a similar\nAPI to `mwc-list-item`.\n\n\n\n```html\n\n Item 0\n Item 1\n
  • \n Item 2 (left)\n Item 3 (left)\n    \n\n\n```\n\n### Radio List\n\n`mwc-radio-list-item` inherits from `mwc-list-item`, so it will share a similar\nAPI to `mwc-list-item`.\n\nSetting `group` on the `radio-list-item` will group those `mwc-radio`s together\nacross the same Document.\n\n\n\n```html\n\n Item 0\n Item 1\n
  • \n Item 2 (left)\n Item 3 (left)\n    \n```\n\n### Multi Radio List\n\nA radio list can also have `multi`.\n\n\n\n```html\n\n Item 0\n Item 1\n
  • \n Item 2\n Item 3\n    \n\n```\n\n### Item Noninteractive\n\nSetting a list-item to non-interactive will disable focus and pointer events on\nthe item, and it will no longer be considered for selection.\n\n\n\n```html\n\n\n \n User Name\n user@domain.tld\n tag_faces\n \n
  • \n \n FAQ\n help_outline\n \n \n Sign out\n exit_to_app\n \n    \n```\n\n### Styled\n\n\n\n```html\n\n\n Item 0\n Item 1\n Item 2\n Item 3\n\n```\n\n### Styled No-ripple\n\nFor more-control on styling, you may want to disable the ripple which is set on\n`mwc-list-item`'s `::before` and `::after` pseudo-elements.\n\n\n\n```html\n\n\n\n Item 0\n Item 1\n Item 2\n Item 3\n\n```\n\n## API\n\n### Slots\n\n#### mwc-list\n\n| Name |\tDescription\n| ----------------- | -------------\n| _default_ |\tContent to display in the lists internal `