mirror of
https://github.com/material-components/material-web.git
synced 2024-10-26 21:56:56 +03:00
c6e6f65445
BREAKING CHANGE: Rename `@material/web/list/lib` to `@material/web/list/internal`. Prefer not using internal files. PiperOrigin-RevId: 550585246
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2021 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {customElement} from 'lit/decorators.js';
|
|
|
|
import {List} from './internal/list.js';
|
|
import {styles} from './internal/list-styles.css.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 = [styles];
|
|
}
|