# Text Widget

To learn more about text widgets and how to create one, please view this [video](https://youtu.be/A85pkvE-a_w?si=H5h1K5XXG2No4ZkF).

You can use the Text Widget to include descriptive text, code samples, and graphics to help your OmniSci charts communicate more effectively. The Text Widget is an implementation of the [Quill](http://quilljs.com/docs) rich text editor.

## The Text Widget Toolbar

Use the toolbar to apply formatting to your content.

![](https://files.buildwithfern.com/heavyai.docs.buildwithfern.com/heavyai/2e0cb10f0da4b07db7bf2dc73454019e74c883777fbe2be8d876db6f8800c34d/docs/assets/SS_100.jpg)

### Font

There are three font choices: Serif, Sans Serif, and Monospace.

### Style

There are four styles: Heading 1, Heading 2, Heading 3, and Normal. You can apply a style to a paragraph before you type or apply a style to an existing paragraph.

### Bold, Italic, Underline, Strikethrough

Format selected text with Bold, Italic, Underline, or Strikethrough.

### Text Color

Change the color of the text.

### Highlight

Change the color of the text background.

### Number List

Create an enumerated list. Type tab to indent subordinate lists, shift-tab to move up one level in the hierarchy.

![](https://files.buildwithfern.com/heavyai.docs.buildwithfern.com/heavyai/35815f11b172667450a100c66eac6f8ecafe5a5d5104b8a19bb2d66d6e7c96a6/docs/assets/3_text-widget-enumerations.png)

### Bullet List

Create a bullet list. Type tab to indent subordinate lists, shift-tab to move up one level in the hierarchy.

### Alignment

Align text left, center, right, or fully justified.

### Link

Create a link by applying a URL to selected text. Note that you must include the http\:// prefix in the URL.

### Image

Insert a web compatible image. Click the Image icon, then use the file selector to upload your image to OmniSci.

### Quotation

Indent text and display a vertical bar at the left margin to indicate the section is a quotation.

### Code

Format the block with white text on a black background in monospace font.

### Clear Formats

Clear all formats applied to selected text.

## Text Widget Example

You can use the Text Widget to add explanatory text to your dashboard.

![](https://files.buildwithfern.com/heavyai.docs.buildwithfern.com/heavyai/7cb317cf25375fc5204427395c579433fec22ed2c91425b7a377cdee595a5e47/docs/assets/SS_102.jpg)