Blockquote

Component

src/components/Blockquote.astro

---
const props = Astro.props
---

<blockquote
  {...props}
  class="rounded-2xl bg-blue-50 p-4">
  <span class="mb-2 text-4xl text-blue-600">“</span>
  <slot />
  <!-- Be sure to add a `<slot/>` for child content! -->
</blockquote>

MDX Post

src/content/post.mdx

---
title: "Title"
description: "Description"
---

import Blockquote from '../../components/content/Blockquote.astro';
export const components = { blockquote: Blockquote };

> This quote will be a custom Blockquote