> For the complete documentation index, see [llms.txt](https://apcom.gitbook.io/altrone-ui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apcom.gitbook.io/altrone-ui/components/typography/blockquote.md).

# Blockquote

This component adds a `<blockquote>` element to the page. The component is useful for displaying fragments of direct speech of a person or character. You can also set a source of the citation via `cite` prop. &#x20;

```tsx
import { Blockquote } from 'altrone-ui';

return <Blockquote 
    cite="https://wikipedia.com"
    author="Albert Einstein"
>
    If you can't explain it simply, you don't understand it well enough.
</Blockquote>
```

## Properties

| Property                                              | Type        | Description                                |
| ----------------------------------------------------- | ----------- | ------------------------------------------ |
| **`children`**<mark style="color:red;">**`*`**</mark> | `ReactNode` | Content of the blockquote                  |
| **`author`**                                          | `string`    | Author of the citation                     |
| **`cite`**                                            | `string`    | `cite` attribute for \<blockquote> element |
| **`className`**                                       | `string`    | Custom CSS class                           |

## History

* **`Altrone 1.0`:** initial release