# Rich Text Field

Rich Text field component is used to store formatted ("rich") text.

User can perform the following operations with the rich text component:

* Change font and font size
* Format text as bold, italicized, underlined, or strike-through
* Create bullet and numbered lists
* Change paragraph indentation
* Change text alignment
* Remove formatting

**Adding component**

* Virtual input field:  [Adding virtual fields to the form](https://docs.flexikanban.ai/components/forms/add-and-remove-form-components#virtual-fields)
* Source object field: [Adding data source fields](https://docs.flexikanban.ai/components/forms/add-and-remove-form-components#data-source-fields)

**Component properties**

* [Components Basic Properties](https://docs.flexikanban.ai/components/forms/components/components-basic-properties)
* Virtual input field component properties:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FYUo3n4BU7jFq2QSWKptq%2Ffile.excalidraw.svg?alt=media&#x26;token=7f15aab2-b308-467d-ae71-3812a9b441ff" alt="" class="gitbook-drawing">

* Length (1) - limits number of digits
* Default Value (2) - provide default value if needed. It can be actual text or merge field. Use HTML tags for text styling

In case context object field is the source for the rich text component, it would display images, text colors and hyperlinks as well. Below example illustrates rich text field value being displayed on a form in read only mode:

<figure><img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FGDUUYGRwPY0ll4TKk2nW%2Fimage.png?alt=media&#x26;token=b79aa631-8681-4c1d-8e71-830f2cf84811" alt=""><figcaption></figcaption></figure>

**Validation rules:** [Input text validation rules](https://docs.flexikanban.ai/components/forms/components-validation-rules#text-field-string-rich-text-text-area-field-types)

**Events:** [Form Input Events](https://docs.flexikanban.ai/components/tools/event#form-input-events)

**Conditional styles**

* [Form components conditional styling](https://docs.flexikanban.ai/components/basics/working-with-conditional-styles#configure-conditional-styles)
* This component has following conditional styles available:
  * hide
  * show
  * required
  * disable
  * clear