#Basic

All models are wrong. Some are useful.
<Blockquote>All models are wrong. Some are useful.</Blockquote>

#Multi-paragraph quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Augue ut lectus arcu bibendum at varius vel. Volutpat sed cras ornare arcu dui vivamus arcu felis.

Non consectetur a erat nam at lectus urna. Tristique sollicitudin nibh sit amet commodo nulla. Scelerisque eu ultrices vitae auctor. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Augue lacus viverra vitae congue eu consequat ac felis.

Malesuada fames ac turpis egestas integer eget aliquet nibh praesent. A lacus vestibulum sed arcu non.

Volutpat odio facilisis mauris sit amet massa. Sit amet nisl suscipit adipiscing bibendum leo.

Risus nec feugiat in fermentum. Nisi vitae suscipit tellus mauris a diam maecenas. Morbi tincidunt augue interdum velit euismod in pellentesque massa. Volutpat ac tincidunt vitae semper. Sit amet nisl purus in mollis.

<Blockquote class="gap-3">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
    eiusmod tempor incididunt ut labore et dolore magna aliqua. Augue ut
    lectus arcu bibendum at varius vel. Volutpat sed cras ornare arcu dui
    vivamus arcu felis.
  </p>
  <p>
    Non consectetur a erat nam at lectus urna. Tristique sollicitudin nibh
    sit amet commodo nulla. Scelerisque eu ultrices vitae auctor. Ipsum
    dolor sit amet consectetur adipiscing elit pellentesque habitant.
    Augue lacus viverra vitae congue eu consequat ac felis.
  </p>
  <p>
    Malesuada fames ac turpis egestas integer eget aliquet nibh praesent.
    A lacus vestibulum sed arcu non.
  </p>
  <p>
    Volutpat odio facilisis mauris sit amet massa. Sit amet nisl suscipit
    adipiscing bibendum leo.
  </p>
  <p>
    Risus nec feugiat in fermentum. Nisi vitae suscipit tellus mauris a
    diam maecenas. Morbi tincidunt augue interdum velit euismod in
    pellentesque massa. Volutpat ac tincidunt vitae semper. Sit amet nisl
    purus in mollis.
  </p>
</Blockquote>

#With citation

All models are wrong. Some are useful.

—Someone, Somewhere
<Blockquote cite="https://example.com">
  <p>All models are wrong. Some are useful.</p>
  <footer>
    —Someone, <cite>Somewhere</cite>
  </footer>
</Blockquote>

#Props

children*
Required
true
Type
ComponentChild
Default
none
...rest
Required
false
Type
ComponentProps<"blockquote">
Default
none
Notes
See the docs for rest parameters. For Blockquote, you could pass anything you normally would pass to <blockquote> because the container looks something like this:
<blockquote class={className} {...restWithoutClass}>
  {children}
</blockquote>