# @coopdigital/blockquote

> Co-op Components: Blockquote

Latest version **1.1.9** (published 2022-01-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install @coopdigital/blockquote
pnpm add @coopdigital/blockquote
yarn add @coopdigital/blockquote
bun add @coopdigital/blockquote
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.9 |
| Published | 2022-01-11 |
| First published | 2021-03-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 7.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | @coopdigital |
| Maintainers | matt-tyas, joemcgirr, mchadwickweb, hanross, dalefrontend, coopjames |
| Keywords | blockquote |

## Links

- npm: https://www.npmjs.com/package/@coopdigital/blockquote
- Repository: https://github.com/coopdigital/coop-frontend
- Homepage: https://github.com/coopdigital/coop-frontend/tree/master/packages/component-blockquote#readme
- Issues: https://github.com/coopdigital/coop-frontend/issues
- npm.io page: https://npm.io/package/@coopdigital/blockquote

## Recent versions

- 1.1.9 (latest) — 2022-01-11
- 1.1.8 — 2022-01-11
- 1.1.7 — 2022-01-11
- 1.1.6 — 2022-01-11
- 1.1.5 — 2022-01-11
- 1.1.4 — 2022-01-11
- 1.1.3 — 2022-01-10
- 1.1.2 — 2022-01-10
- 1.1.1 — 2021-06-28
- 1.1.0 — 2021-06-03
- 1.0.2 — 2021-03-24

## 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`:
```bash
$ npm install @coopdigital/component-blockquote --save
```

## Usage

### React
You can include this react component in your project by importing importing it via the `import` statement.
```jsx
import Blockquote from '@coopdigital/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

```jsx
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:
```css
@import "node_modules/@coopdigital/component-blockquote/dist/blockquote.css";
```

If you use PostCSS in your build pipeline, you can reference the sources directly:
```css
@import "node_modules/@coopdigital/component-blockquote/src/blockquote.pcss";
```

If you use a `postcss-import` plugin:
```css
@import "@coopdigital/component-blockquote";
```


## License
Copyright (c) 2021 Co-operative Group Limited.
Licensed [MIT](https://github.com/coopdigital/coop-frontend/blob/master/LICENSE).

---
_Source: https://npm.io/package/@coopdigital/blockquote · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._