@material/list
Advanced tools
Comparing version 0.2.7 to 0.2.8
{ | ||
"name": "@material/list", | ||
"description": "The Material Components for the web list component", | ||
"version": "0.2.7", | ||
"version": "0.2.8", | ||
"license": "Apache-2.0", | ||
@@ -16,7 +16,7 @@ "keywords": [ | ||
"dependencies": { | ||
"@material/rtl": "^0.1.3", | ||
"@material/typography": "^0.2.1", | ||
"@material/ripple": "^0.6.0", | ||
"@material/theme": "^0.1.4" | ||
"@material/rtl": "^0.1.4", | ||
"@material/typography": "^0.2.2", | ||
"@material/ripple": "^0.6.1", | ||
"@material/theme": "^0.1.5" | ||
} | ||
} |
@@ -1,7 +0,34 @@ | ||
# MDC List | ||
<!--docs: | ||
title: "Lists" | ||
layout: detail | ||
section: components | ||
excerpt: "Lists present multiple line items vertically as a single continuous element." | ||
iconId: list | ||
path: /catalog/lists/ | ||
--> | ||
MDC List provides styles which implement [Material Design Lists](https://material.google.com/components/lists.html#) - "A single continuous column of tessellated subdivisions of equal width." Both single-line and two-line lists are supported (with | ||
# Lists | ||
<!--<div class="article__asset"> | ||
<a class="article__asset-link" | ||
href="https://material-components-web.appspot.com/list.html"> | ||
<img src="{{ site.rootpath }}/images/mdc_web_screenshots/lists.png" width="365" alt="Lists screenshot"> | ||
</a> | ||
</div>--> | ||
MDC List provides styles which implement [Material Design Lists](https://material.io/guidelines/components/lists.html) - "A single continuous column of tessellated subdivisions of equal width." Both single-line and two-line lists are supported (with | ||
three-line lists [coming soon](https://github.com/material-components/material-components-web/issues/31)). MDC | ||
Lists are design to be accessible and RTL aware. | ||
## Design & API Documentation | ||
<ul class="icon-list"> | ||
<li class="icon-list-item icon-list-item--spec"> | ||
<a href="https://material.io/guidelines/components/lists.html">Material Design guidelines: Lists</a> | ||
</li> | ||
<li class="icon-list-item icon-list-item--link"> | ||
<a href="https://material-components-web.appspot.com/list.html">Demo</a> | ||
</li> | ||
</ul> | ||
## Installation | ||
@@ -68,3 +95,3 @@ | ||
While in theory you can add any number of "lines" to a list item, you can use the `mdc-list--two-line` combined with some extra markup around the text to style a list in the two-line list style as defined by [the spec](https://material.google.com/components/lists.html#lists-specs) (see "Two-line lists"). | ||
While in theory you can add any number of "lines" to a list item, you can use the `mdc-list--two-line` combined with some extra markup around the text to style a list in the two-line list style as defined by [the spec](https://material.io/guidelines/components/lists.html#lists-specs) (see "Two-line lists"). | ||
@@ -126,3 +153,3 @@ ```html | ||
Janet Perkins | ||
</il> | ||
</li> | ||
<li class="mdc-list-item"> | ||
@@ -132,3 +159,3 @@ <img class="mdc-list-item__start-detail" src="/users/2/profile_pic.png" | ||
Mary Johnson | ||
</il> | ||
</li> | ||
<li class="mdc-list-item"> | ||
@@ -138,3 +165,3 @@ <img class="mdc-list-item__start-detail" src="/users/3/profile_pic.png" | ||
Peter Carlsson | ||
</il> | ||
</li> | ||
</ul> | ||
@@ -185,3 +212,3 @@ ``` | ||
To add ripples to lists, simply attach a ripple to all list items. Note that this can be easily done | ||
via `mdc-auto-init` when using the [material-components-web](../packages/material-components-web). | ||
via `mdc-auto-init` when using the [material-components-web](../material-components-web). | ||
@@ -188,0 +215,0 @@ ```html |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
56638
681
387
Updated@material/ripple@^0.6.1
Updated@material/rtl@^0.1.4
Updated@material/theme@^0.1.5
Updated@material/typography@^0.2.2