# RichTextView

> Read-only rendering of editor output; sanitizes again so stored HTML is never trusted.

Source: https://ui.jcsoftdev.com/docs/components/rich-text-view

Read-only rendering of editor output; sanitizes again so stored HTML is never trusted.

## Import

```ts
import { RichTextView } from "@jcsoftdev/ui/rich-text";
```

## Usage

```tsx
<RichTextView
  placeholder="Describe el servicio…"
  minHeightRem={8}
  aria-label="Descripción del servicio"
  defaultValue={SAMPLE}
/>
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `html` * | `string` |  |  |
| `className` | `string` |  |  |

`*` marks a required prop.

## Storybook stories

- [Default](/storybook/?path=/story/forms-richtexteditor--default)
- [Empty](/storybook/?path=/story/forms-richtexteditor--empty)
- [Disabled](/storybook/?path=/story/forms-richtexteditor--disabled)
- [With Preview](/storybook/?path=/story/forms-richtexteditor--with-preview)
- [Hostile Input](/storybook/?path=/story/forms-richtexteditor--hostile-input)
- [Narrow](/storybook/?path=/story/forms-richtexteditor--narrow)
- [Brutal Preset](/storybook/?path=/story/forms-richtexteditor--brutal-preset)

## Source

`packages/ui/src/rich-text/rich-text-editor.tsx`