IssueTracker

Jetpack Compose version: 1.1.0-alpha07 Jetpack Compose component used: Material3

As described in the Material3 Guidelines, shadow elevation should be used to separate components from patterned or busy backgrounds.

https://m3.material.io/styles/elevation/applying-elevation

When to use visible shadows

Protect elements

When a background is patterned or visually busy, 
the hairline style might not provide sufficient protection. 
In these cases, use elevation to separate and emphasize elements 
such as cards, chips, or buttons, as in the image below.

The SearchBar component already supports tonal elevation, but if we need to use it on a busy background (like over a map view, for example), that's not enough to protect the component and indicate separation.

The Surface component already supports a shadowElevation parameter and some other components that use Surface also already have that parameter that they pass down to the underlying Surface, like the ListItem component.

Can we please do the same for the SearchBar component? Simply adding a shadowElevation parameter and passing it to the shadowElevation of the Surface is enough to fix this. I copied the SearchBar component and tested the change and it worked fine.

Thanks.