Only line text string
Only line text string
Only line text string
<div class="snackbar-base">
<span class="single-line-snackbar">
Only line text string
Only line text string
Only line text string
</span>
</div>
Two lines
Two lines text string.
One two lines is preferable on mobile and tablet.
<div class="snackbar-base">
Two lines text string.
One two lines is preferable on mobile and tablet.
</div>
Single line with a button
One line text string one action One line text string one action
<div class="snackbar-base snackbar-row">
<span class="single-line-snackbar">
One line text string one action One line text string one action
</span>
<button class="button button-action">Action</button>
</div>
Two lines with a button
Two lines with one action.
One to two lines is preferable on mobile
<div class="snackbar-base snackbar-row ">
Two lines with one action.
One to two lines is preferable on mobile
<button class="button button-action">Action</button>
</div>
Two lines with longer text button
Two lines with one action.
One to two lines is preferable on mobile mobile mobile mobile.
<div class="snackbar-base snackbar-column ">
Two lines with one action.
One to two lines is preferable on mobile mobile mobile mobile.
<button class="button button-action">Long text button</button>
</div>