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

Block quote

ProseCode

Source

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

ProseCodeInline

Source

code inline.

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

code inline.

const codeInline: string = 'highlighted code inline'

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.

Divider under.


Divider above.

ProseImg

Source

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

ProseUl

Source

Code
- Just- An- Unordered- List
  • Just
  • An
  • Unordered
  • List

ProseLi

Source

Code
- List element
  • List element

ProseOl

Source

Code
1. Foo2. Bar3. Baz
  1. Foo
  2. Bar
  3. Baz

ProseParagraph

Source

Code
Just a paragraph.

Just a paragraph.

ProseStrong

Source

Code
**Just a strong paragraph.**

Just a strong paragraph.

ProseEm

Source

Code
_Just an italic paragraph._

Just an italic paragraph.

ProseTable

Source

Code
| Key | Type | Description ||---------|--------| -----|| 1 | Wonderful | Table || 2 | Wonderful | Data || 3 | Wonderful | Website |
KeyTypeDescription
1WonderfulTable
2WonderfulData
3WonderfulWebsite

ProseTbody

Source

Included in ProseTable example.

ProseTd

Source

Included in ProseTable example.

ProseTh

Source

Included in ProseTable example.

ProseThead

Source

Included in ProseTable example.

ProseTr

Source

Included in ProseTable example.