Lists present information in a concise, easy-to-follow format through a continuous, vertical index of text or images. Material UI Lists are implemented using a collection of related components: List: a wrapper for list items. Renders as a <ul> by default. List Item: a …

API reference docs for the React List component. Learn about the props, CSS, and other APIs of this exported module.

List 列表. 列表是对文本或图像的连续、垂直的索引。 列表能够承载一组连续的文本或图像。 它们由包含主要和补充操作的项子集组成，而这些操作由图标和文本表示。

Ready-to-use foundational React components, free forever. Advanced and powerful components for complex use cases. Material UI components in your favorite design tool. Components and tools for dashboards and internal apps. Component …

可以是用于 HTML 元素的字符串，也可以是组件。 如果为 true，则为列表和列表项使用专为键盘和鼠标输入设计的紧凑垂直内边距。 该属性作为 dense 上下文提供给后代组件。 如果为 true，则从列表中删除垂直内边距。 子标题的内容，通常为 ListSubheader。 允许定义系统覆盖以及其他 CSS 样式的系统属性。 有关更多详细信息，请参见 `sx` 页面。 ref 被转发到根元素。 您可以使用 MuiList 通过主题 更改此组件的默认属性。 这些类名对于使用 CSS 设置样式很有用。 当触发特 …

Material UI 列表是使用一组相关组件实现的. 列表：列表项的包装器。 默认渲染为 <ul>。 列表项：一个常见的列表项。 默认渲染为 <li>。 列表项按钮：一个在列表项内部使用的操作元素。 列表项图标：一个在列表项内部使用的图标。 列表项头像：一个在列表项内部使用的头像。 列表项文本：列表项内部的容器，用于显示文本内容。 列表分隔符：列表项之间的分隔符。 列表子标题：嵌套列表的标签。 上一个演示的最后一项展示了如何渲染链接. 你可以在文档的 此部分找到 …

Either a string to use a DOM element or a component. If true, compact vertical padding designed for keyboard and mouse input will be used for the list and list items. The property is available to descendant components as the dense context. If true, vertical padding will be removed from the list. The content of the subheader, normally ListSubheader.

2020年3月31日 · 本文介绍了MUI的列表组件用法，包括普通列表、自定义高亮颜色、添加导航箭头以及右侧数字角标等控件的实现，提供相关示例代码。 1.普通列表. 列表是常用的UI控件，mui封装的列表 组件 比较简单，只需要在 ul 节点上添加.mui-table-view 类、在 li 节点上添加.mui-table-view-cell 类即可，如下为示例代码. <li class= "mui-table-view-cell">学习MUI</li> 2.自定义列表高亮颜色. 点击列表，对应列表项显示灰色高亮，若想自定义高亮颜色，只需要重写.mui-table …

2015年11月5日 · 本文介绍了MUI中列表组件的基础应用，包括如何创建基本列表、自定义高亮颜色、添加导航箭头以及如何在列表中整合数字角标、按钮和开关等元素。 列表是常用的UI控件，mui封装的列表 组件 比较简单，只需要在 ul 节点上添加.mui-table-view 类、在 li 节点上添加.mui-table-view-cell 类即可，如下为示例代码. 文章浏览阅读3.3w次。 本文介绍了MUI中列表组件的基础应用，包括如何创建基本列表、自定义高亮颜色、添加导航箭头以及如何在列表中整合 …

Virtualized List. In the following example, we demonstrate how to use react-window with the List component. It renders 200 rows and can easily handle more. Virtualization helps with performance issues.