# ContentRichtext

The ContentRichtext component renders richtext provided by Stroyblok.

Storyblok

This component exists in Storyblok too.

blok: {
  // required
  content: {}
}

1
2
3
4

# Dependencies

This component depends on third-party modules.

this.$storyapi: storyblok-nuxt
this.$md: @nuxtjs/markdownit

# Third-party

storyblok-nuxt (opens new window)
- Uses: storyblok-js-client (opens new window)
@nuxtjs/markdownit (opens new window)

# Props

Name	Type	Required	Default	Description
content	`[Object, String]`	`true`	-	`Object`: `$storyapi.richTextResolver` `String`: `$md.render`

# Variants

None.

# Example

Good

<!-- Use the prop to pass the content to the component. -->
<ContentRichtext
  content="lorem ipsum"
/>

<!-- Pass data from an object -->
<ContentRichtext :content="blok.content" />

1
2
3
4
5
6
7

Bad

<!-- Use the props for passing the content.
  This Component does not have a slot. -->
<ContentRichtext>
  lorem impsum
</ContentRichtext>

1
2
3
4
5