afeiship / react-blockquote

Block with quote for react.

react-blockquote

Block with quote for react

properties:

  static propTypes = {
    className: PropTypes.string
  };
  

install && import:

npm install --save afeiship/react-blockquote --registry=https://registry.npm.taobao.org

import ReactBlockquote from 'react-blockquote';

// customize your styles:
$react-blockquote-options:(
  color: #ccc,
  font-size: 50px,
  opacity: 0.3,
  font-family:'Georgia'
)!default;

@import 'node_modules/react-blockquote/dist/style.scss';

usage:

// install: npm install afeiship/react-blockquote --save
// import : import ReactBlockquote from 'react-blockquote'

class App extends React.Component {
  state = {

  };

  constructor(props) {
    super(props);
    window.demo = this;
    window.refs = this.refs;
    window.rc = this.refs.rc;
  }

  render() {
    return (
      <div className="hello-react-blockquote">
        <ReactBlockquote style={{padding: 21}}>
          Whenever you see a successful business, someone once made a courageous decision. Peter F. Drucker
        </ReactBlockquote>
      </div>
    );
  }
}