🌈 Create new beautiful Compose Gradients with our new wesite ->
Compose Component

ExpandedDockedSearchBar

ExpandedDockedSearchBar represents a search bar that is currently expanding or in the expanded state, showing search results.

ExpandedDockedSearchBar social preview

DockedSearchBarScaffoldSample

@Preview
@Sampled
@Composable
fun DockedSearchBarScaffoldSample() {
    val textFieldState = rememberTextFieldState()
    val searchBarState = rememberSearchBarWithGapState()
    val scope = rememberCoroutineScope()
    val scrollBehavior = SearchBarDefaults.enterAlwaysSearchBarScrollBehavior()
    val appBarWithSearchColors = SearchBarDefaults.appBarWithSearchColors()
    val inputField =

Content updated: