Skip to content

Commit cd076b0

Browse files
Material Design Teamhunterstich
authored andcommitted
[SearchView] update docs related to expressive SearchView
- Replace the static image for expressive SearchView with a gif (so it looks more expressive) - Add a note to use expressive theme to get the bouncy animation PiperOrigin-RevId: 883247155
1 parent c4871f4 commit cd076b0

3 files changed

Lines changed: 7 additions & 1 deletion

File tree

docs/components/Search.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -152,7 +152,7 @@ For example:
152152

153153
#### Contained style SearchView
154154

155-
![Material 3 Expressive Search View](assets/search/search-view-expressive.png)
155+
![Material 3 Expressive Search View](assets/search/search-view-expressive.gif)
156156

157157
A new contained style for `SearchView` is available, if `SearchBar` is placed
158158
inside an `AppBarLayout`, as recommended above. This new style makes a visual
@@ -166,6 +166,12 @@ theme (in addition to the typical `AppBarWithSearch` setup above):
166166
<item name="materialSearchViewStyle">@style/Widget.Material3Expressive.SearchView.AppBarWithSearch</item>
167167
```
168168

169+
**Note**: The "bouncy" animation for the contained style `SearchView` is only
170+
available when using an Expressive theme (such as
171+
`Theme.Material3Expressive.*`). While a base M3 theme (`Theme.Material3.*`)
172+
still supports the contained visual style, the `SearchBar` expansion will
173+
transition with a linear motion instead.
174+
169175
##### SearchBar icons animation
170176

171177
During the contained style expansion of `SearchBar` into `SearchView`, sibling
586 KB
Loading
-15.7 KB
Binary file not shown.

0 commit comments

Comments
 (0)