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.1 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-green-50 mb-6 dark:bg-green-500/5 p-4 dark:ring-1 dark:ring-green-500/10 not-prose max-w-full", className, ]}> <div class="flex"> <div class="flex-shrink-0"> <svg class="h-5 w-5 text-green-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" > <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path> </svg> </div> <div class="ml-3 flex items-center flex-col"> <h3 class="text-sm font-medium text-green-800 dark:text-green-500"> {title ? title : <slot />} </h3> { title ? ( <div class="mt-2 text-sm text-green-700 dark:text-green-400"> <p> <slot /> </p> </div> ) : null } </div> </div></div>