@coopdigital/component-blockquote
v1.2.12
Published
Co-op Components: Blockquote
Downloads
31
Keywords
Readme
Component Blockquote
This repository is a template for creating new components for the Co-op design system.
component-blockquote
Your brief description of your component.
Installation
Install via npm
:
$ npm install @coopdigital/component-blockquote --save
Usage
React
You can include this react component in your project by importing it via the import
statement.
import Blockquote from '@coopdigital/component-blockquote';
If you want to use the JSX template for compiling in your own project you can include the component with the following import
statement
import Blockquote from 'node_modules/@coopdigital/component-blockquote/src/Blockquote.jsx'
Component Props
The blockquote has the following props you need to populate content or use a variant
|Prop name | Prop type | Requried | |------------|-----------|----------| | quote | string | YES | | citation | string | YES | | quoteLarge | boolean | NO |
CSS
You can include component-blockquote
css in your project by referencing it from your existing CSS via @import
statement:
@import "node_modules/@coopdigital/component-blockquote/dist/blockquote.css";
If you use PostCSS in your build pipeline, you can reference the sources directly:
@import "node_modules/@coopdigital/component-blockquote/src/blockquote.pcss";
If you use a postcss-import
plugin:
@import "@coopdigital/component-blockquote";
License
Copyright (c) 2021 Co-operative Group Limited. Licensed MIT.