fix: #2082

saadeghi · Jul 3, 2023 · 8a3b82f · 8a3b82f
1 parent b44556b
commit 8a3b82f
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/docs/src/routes/components/hero/+page.svelte.md b/src/docs/src/routes/components/hero/+page.svelte.md
@@ -169,7 +169,19 @@ data="{[
   </div>
 </div>
 <pre slot="html" use:replace={{ to: $prefix }}>{
-`<div class="$$hero min-h-screen" style="background-image: url(/images/stock/photo-1507358522600-9f71e620c44e.jpg);">
+`<div class="$$hero min-h-screen" style="background-image: url(https://daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.jpg);">
+  <div class="$$hero-overlay bg-opacity-60"></div>
+  <div class="$$hero-content text-center text-neutral-content">
+    <div class="max-w-md">
+      <h1 class="mb-5 text-5xl font-bold">Hello there</h1>
+      <p class="mb-5">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p>
+      <button class="$$btn $$btn-primary">Get Started</button>
+    </div>
+  </div>
+</div>`
+}</pre>
+<pre slot="jsx" use:replace={{ to: $prefix }}>{
+`<div class="$$hero min-h-screen" style={{backgroundImage: 'url(https://daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.jpg)'}}>
   <div class="$$hero-overlay bg-opacity-60"></div>
   <div class="$$hero-content text-center text-neutral-content">
     <div class="max-w-md">