Blockquote

Displays content quoted from elsewhere.

It implements the <blockquote> element.

Styles

Import the styles within a Next.js custom app in pages/_app.js.
import "device-agnostic-ui/Blockquote.css";

Props

Use any valid <blockquote> props.

Examples

How to import.
import Blockquote from "device-agnostic-ui/Blockquote.mjs";
Containing simple text.
import Blockquote from "device-agnostic-ui/Blockquote.mjs";

const result = (
  <Blockquote>
    Great minds discuss ideas, average minds discuss events, small minds discuss
    people.
  </Blockquote>
);
Great minds discuss ideas, average minds discuss events, small minds discuss people.
Containing basic HTML, achievable via GitHub Flavored Markdown (GFM).
import Blockquote from "device-agnostic-ui/Blockquote.mjs";
import LinkText from "device-agnostic-ui/LinkText.mjs";
import Para from "device-agnostic-ui/Para.mjs";

const result = (
  <Blockquote>
    <Para>
      Great minds discuss ideas, average minds discuss events, small minds
      discuss people.
    </Para>
    <Para>
      —{" "}
      <LinkText href="https://en.wikipedia.org/wiki/Henry_Thomas_Buckle">
        Henry Thomas Buckle
      </LinkText>
    </Para>
  </Blockquote>
);

Great minds discuss ideas, average minds discuss events, small minds discuss people.

— Henry Thomas Buckle

Tags