Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@material/list

Package Overview
Dependencies
Maintainers
8
Versions
1698
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/list - npm Package Compare versions

Comparing version 0.2.7 to 0.2.8

10

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc