mirror of
https://github.com/material-components/material-web.git
synced 2024-07-14 17:00:28 +03:00
c35bad0c64
We are changing the names of these files to reduce similarity with CSS modules and avoid clashing with tooling built around that. If you're importing `*/internal/styles.css.js`, swap to `*/internal/styles.js`. PiperOrigin-RevId: 611265000
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2021 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {CSSResultOrNative} from 'lit';
|
|
import {customElement} from 'lit/decorators.js';
|
|
|
|
import {List} from './internal/list.js';
|
|
import {styles} from './internal/list-styles.js';
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
'md-list': MdList;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @summary Lists are continuous, vertical indexes of text or images.
|
|
*
|
|
* @description
|
|
* Lists consist of one or more list items, and can contain actions represented
|
|
* by icons and text. List items come in three sizes: one-line, two-line, and
|
|
* three-line.
|
|
*
|
|
* __Takeaways:__
|
|
*
|
|
* - Lists should be sorted in logical ways that make content easy to scan, such
|
|
* as alphabetical, numerical, chronological, or by user preference.
|
|
* - Lists present content in a way that makes it easy to identify a specific
|
|
* item in a collection and act on it.
|
|
* - Lists should present icons, text, and actions in a consistent format.
|
|
*
|
|
* @final
|
|
* @suppress {visibility}
|
|
*/
|
|
@customElement('md-list')
|
|
export class MdList extends List {
|
|
static override styles: CSSResultOrNative[] = [styles];
|
|
}
|