Displays content quoted from elsewhere.
It implements the <blockquote>
element.
pages/_app.js
.import 'device-agnostic-ui/public/components/Blockquote.css';
Use any valid <blockquote>
props.
import
.import Blockquote from 'device-agnostic-ui/public/components/Blockquote.js';
require
.const Blockquote = require('device-agnostic-ui/public/components/Blockquote');
import
. Convenient, but technically inferior to a deep import
.import { Blockquote } from 'device-agnostic-ui';
require
. Convenient, but technically inferior to a deep require
.const { Blockquote } = require('device-agnostic-ui');
import { Blockquote } from 'device-agnostic-ui';
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.
import { Blockquote, LinkText, Para } from 'device-agnostic-ui';
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.