<template>
  <div class="d-flex flex-column gap-4">
    <VAlert
      color="primary"
      icon="mdi-firework"
      density="compact"
    >
      Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Vivamus quis mi. Quisque ut nisi. Maecenas
      malesuada.
    </VAlert>

    <VAlert
      color="success"
      icon="mdi-material-design"
      border
    >
      Phasellus blandit leo ut odio. Morbi mattis ullamcorper velit. Donec orci lectus, aliquam ut, faucibus non,
      euismod id, nulla. In ut quam vitae odio lacinia tincidunt.
    </VAlert>

    <VAlert
      color="info"
      icon="mdi-vuetify"
      prominent
    >
      Praesent congue erat at massa. Nullam vel sem. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
      Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.
      Curabitur at lacus ac velit ornare lobortis.
    </VAlert>
  </div>
</template>
