19 lines
664 B
Vue
19 lines
664 B
Vue
|
<template>
|
||
|
<div class="rounded-md bg-yellow-50 p-4">
|
||
|
<div class="flex">
|
||
|
<div class="flex-shrink-0">
|
||
|
<ExclamationTriangleIcon class="h-5 w-5 text-yellow-400" aria-hidden="true" />
|
||
|
</div>
|
||
|
<div class="ml-3">
|
||
|
<h3 class="text-sm font-medium text-yellow-800">Attention needed</h3>
|
||
|
<div class="mt-2 text-sm text-yellow-700">
|
||
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam quo totam eius aperiam dolorum.</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script setup>
|
||
|
import { ExclamationTriangleIcon } from '@heroicons/vue/20/solid'
|
||
|
</script>
|