Prose Components

A list of Prose components currently implemented.

Here is a list of all the Prose components currently implemented.

To overwrite a prose component, create a component with the same name in your project components/content/ directory (ex: components/content/ProseA.vue)

`ProseA`

Source

Code

[Link](/api/components/prose)

`ProseBlockquote`

Source

Code

> Block quote

`ProseCode`

Source

Code

  ```javascript  export default () => {    console.log('Code block')  }  ```

Check out the highlight options for more about the syntax highlighting.

`ProseCodeInline`

Source

code inline.

Code

  `code inline`.  `const codeInline: string = 'highlighted code inline'`{lang="ts"}

`ProseH1`

Source

Code

# H1 Heading

`ProseH2`

Source

Code

## H2 Heading

`ProseH3`

Source

Code

## H3 Heading

`ProseH4`

Source

Code

## H4 Heading

`ProseH5`

Source

Code

## H5 Heading

`ProseH6`

Source

Code

## H6 Heading

`ProseHr`

Source

Code

Divider under.---Divider above.

`ProseImg`

Source

Code

![A Cool Image](/preview.png)

`ProseUl`

Source

Code

- Just- An- Unordered- List

`ProseLi`

Source

Code

- List element

`ProseOl`

Source

Code

1. Foo2. Bar3. Baz

`ProseP`

Source

Code

Just a paragraph.

`ProseStrong`

Source

Code

**Just a strong paragraph.**

`ProseEm`

Source

Code

_Just an italic paragraph._

`ProseTable`

Source

Code

| Key | Type | Description ||---------|--------| -----|| 1 | Wonderful | Table || 2 | Wonderful | Data || 3 | Wonderful | Website |

Key	Type	Description
1	Wonderful	Table
2	Wonderful	Data
3	Wonderful	Website