Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/flo-bit/tiny-docs. quick setup, simple, minimalistic docs for your github project flo-bit.dev/tiny-docs
Something went wrong. Try again.
1.2 kB · 45 lines
Astro
at v1
12345678910111213141516171819202122232425262728293031323334353637383940414243444546---interface Props { title: string; class?: string;}
const { title, class: className } = Astro.props;---
<div class:list={[ "rounded-2xl bg-amber-50 mb-6 dark:bg-amber-500/5 p-4 dark:ring-1 dark:ring-amber-500/10 not-prose max-w-full", className, ]}> <div class="flex"> <div class="flex-shrink-0"> <svg class="h-5 w-5 text-amber-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" > <path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path> </svg> </div> <div class="ml-3 flex items-center flex-col"> <h3 class="text-sm font-medium text-amber-800 dark:text-amber-400"> {title ? title : <slot />} </h3> { title ? ( <div class="mt-2 text-sm text-amber-700 dark:text-amber-300"> <p> <slot /> </p> </div> ) : null } </div> </div></div>