角材料“搜索”组件

Question

我正在使用角形材料10.x，到处寻找与材料匹配的搜索组件：

https://material.io/archive/guidelines/patterns/search.html#search-in-app-search

我没有运气尝试过

<mat-form-field>
  <input matInput type="search">
</mat-form-field>

就像在角材料2时代一样，只需抬高就可以轻松复制。但是输入设计已经改变了很多。

https://stackblitz.com/edit/angular-material-google-search-k1znf4?file=index.html

是否有一种方法可以从设计文档中复制带有角材料的搜索组件？

Answer 1

确实，就像 Material Design 规范中那样，不，但您可以使用像 AMSUI 这样的库，它专门用于使用 Angular Material 创建的搜索 UI。 来自 Material 的许多最佳实践以及搜索 UX/UI 专家都被用来在那里开发 UI --> https://dev.redlink.io/amsui/?path=/docs/searchfield-field--default