<div class='type'>Composable Component</div>



Snackbars provide brief messages about app processes at the bottom of the screen.

<img loading='lazy' class='hero-img' alt='Snackbars image' src='/static/images/material/snackbars.png'>

<a id='references'></a>



<h2 id="snackbar-modifier-action-actiononnewline-shape-backgroundcolor-contentcolor-elevation-content">Snackbar</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@Composable
fun Snackbar(
    modifier: Modifier = Modifier,
    action: @Composable (() -> Unit)? = null,
    actionOnNewLine: Boolean = false,
    shape: Shape = MaterialTheme.shapes.small,
    backgroundColor: Color = SnackbarDefaults.backgroundColor,
    contentColor: Color = MaterialTheme.colors.surface,
    elevation: Dp = 6.dp,
    content: @Composable () -> Unit,
)
```


#### Parameters

| | |
| --- | --- |
| modifier | modifiers for the Snackbar layout |
| action | action / button component to add as an action to the snackbar. Consider using `SnackbarDefaults.primaryActionColor` as the color for the action, if you do not have a predefined color you wish to use instead. |
| actionOnNewLine | whether or not action should be put on the separate line. Recommended for action with long action text |
| shape | Defines the Snackbar's shape as well as its shadow |
| backgroundColor | background color of the Snackbar |
| contentColor | color of the content to use inside the snackbar. Defaults to either the matching content color for `backgroundColor`, or, if it is not a color from the theme, this will keep the same value set above this Surface. |
| elevation | The z-coordinate at which to place the SnackBar. This controls the size of the shadow below the SnackBar |
| content | content to show information about a process that an app has performed or will perform |






<hr class="docs-overload-divider">


<h2 id="snackbar-snackbardata-modifier-actiononnewline-shape-backgroundcolor-contentcolor-actioncolor-elevation">Snackbar</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@Composable
fun Snackbar(
    snackbarData: SnackbarData,
    modifier: Modifier = Modifier,
    actionOnNewLine: Boolean = false,
    shape: Shape = MaterialTheme.shapes.small,
    backgroundColor: Color = SnackbarDefaults.backgroundColor,
    contentColor: Color = MaterialTheme.colors.surface,
    actionColor: Color = SnackbarDefaults.primaryActionColor,
    elevation: Dp = 6.dp,
)
```


#### Parameters

| | |
| --- | --- |
| snackbarData | data about the current snackbar showing via `SnackbarHostState` |
| modifier | modifiers for the Snackbar layout |
| actionOnNewLine | whether or not action should be put on the separate line. Recommended for action with long action text |
| shape | Defines the Snackbar's shape as well as its shadow |
| backgroundColor | background color of the Snackbar |
| contentColor | color of the content to use inside the snackbar. Defaults to either the matching content color for `backgroundColor`, or, if it is not a color from the theme, this will keep the same value set above this Surface. |
| actionColor | color of the action |
| elevation | The z-coordinate at which to place the SnackBar. This controls the size of the shadow below the SnackBar |