<.dm_snackbar id="snackbar-single-default" open>
  <:message>File saved successfully</:message>
</.dm_snackbar>

<.dm_snackbar id="snackbar-single-with-action" open type="info">
  <:message>Email archived</:message>
  <:action>Undo</:action>
  <:close />
</.dm_snackbar>

<.dm_snackbar id="snackbar-types-info" open type="info">
  <:message>Info snackbar</:message>
</.dm_snackbar>
<.dm_snackbar id="snackbar-types-success" open type="success">
  <:message>Success snackbar</:message>
</.dm_snackbar>
<.dm_snackbar id="snackbar-types-error" open type="error">
  <:message>Error snackbar</:message>
  <:action>Retry</:action>
</.dm_snackbar>
<.dm_snackbar id="snackbar-types-warning" open type="warning">
  <:message>Warning: disk space low</:message>
</.dm_snackbar>

<.dm_snackbar id="snackbar-color-types-primary" open type="primary">
  <:message>Primary snackbar</:message>
</.dm_snackbar>
<.dm_snackbar id="snackbar-color-types-secondary" open type="secondary">
  <:message>Secondary snackbar</:message>
</.dm_snackbar>
<.dm_snackbar id="snackbar-color-types-tertiary" open type="tertiary">
  <:message>Tertiary snackbar</:message>
</.dm_snackbar>
<.dm_snackbar id="snackbar-color-types-dark" open type="dark">
  <:message>Dark snackbar</:message>
</.dm_snackbar>

<.dm_snackbar id="snackbar-single-multiline" multiline open type="info">
  <:message>This is a longer notification message that wraps to multiple lines for extra context.</:message>
  <:action>Details</:action>
  <:close />
</.dm_snackbar>

<.dm_snackbar id="snackbar-single-top-right" open position="top-right" type="success">
  <:message>Saved to cloud</:message>
</.dm_snackbar>