参考
49 个基础组件，按“它们做什么”分组，而不是按“它们由什么构成”。每一个都针对 token 层书写，所以没有一个自带颜色。
系统的动作，一颗不会在悬停时移动的胶囊。
钉在屏幕角落的圆形动作。
一个人，画成一个圆；图片没到之前先显示缩写。
一个计数或一种状态，用等宽字，所以它读起来像元数据。
一排被数出来的事实，只用细线分隔，此外什么都没有。
键盘上的一个键，就按键来排版。
标记“这条链接会离开本页”的记号。
一条线，三种粗细——单色页面需要它们。
状态词旁边的那个点。
一种活着的状态：一个点，加一行大写等宽标签。
主题标签——一个话题、一项技术、一个筛选面。
关于这个页面的一条消息，就地显示。
一个还什么都没有的集合。
一个没能显示出来的页面。
一条会填充的进度条；终点未知时它来回扫。
页面到来之前，页面的形状。
系统唯一的“正在处理”指示——一个环，永远不是流光。
一次性的确认，在应用根部挂一次。
一个在表单提交时才生效的选择。
一个能打字的 select，可以选一个，也可以选多个。
一个日期——或者一段日期——从日历里选。
一行带标签的表单：标签、控件，和下面那一条消息。
一行文本输入。
平台自己的选择器，能改的地方改了。
一组互斥的选项。
从一个列表里选一项，从头到尾都由我们绘制。
在一段范围里选一个值。
一个立刻生效的设置。
多行文本输入，只能纵向拉伸。
分段控件：若干选项，一条。
可筛选的动作列表——⌘K 那个面。
右键打开的菜单。
一个模态表面：portal、遮罩、居中面板。
一组动作构成的菜单。
锚在控件上的面板，里面装可以交互的内容。
一个能打字筛选的动作菜单。
停靠在视口某一边的面板。
悬停和获得焦点时出现的一句短标签。
就地展开的折叠行。
你在哪，画成一条路径。
一个自己开合的东西。
侧边栏里的一行。
带页码的分页，中间省略。
一条，若干面板。
桌面上两栏，手机上一栏加抽屉。
一个月，画成一格一格的天。
一块有边界的表面，下面没有阴影。
一个会滚动的盒子，滚动条在哪都长一样。
一张数据表——对齐、排序、边框都可以按列配置。