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 · 43 lines
Astro
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344---interface Props { title: string; class?: string;}
const { title, class: className } = Astro.props;---
<div class:list={[ "rounded-2xl bg-blue-50 mb-6 dark:bg-blue-500/5 p-4 dark:ring-1 dark:ring-blue-500/10 not-prose max-w-full", className, ]}> <div class="flex"> <div class="flex-shrink-0"> <svg class="h-5 w-5 text-blue-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" > <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path> </svg> </div> <div class="ml-3 flex items-center flex-col"> <h3 class="text-sm font-medium text-blue-800 dark:text-blue-500"> {title ? title : <slot />} </h3> { title ? ( <div class="mt-2 text-sm text-blue-700 dark:text-blue-400"> <slot /> </div> ) : null } </div> </div></div>