Skip to content

Text Block

The Text Block is a block that allows you to display text content in your email. It supports several options to help you customize the appearance of your text.


  • color (string): The color of the text.
  • font (IFont): The font of the text.
  • lineHeight (ILineHeight): The line height of the text.
  • padding (IPadding): The padding around the text.


To use the Text Block in your email, you can create a new instance of the TextBlock class and customize its options. Here’s an example:

import {TextBlock} from '@wlocalhost/ngx-email-builder';
new TextBlock().toObject({
color: "#000000",
font: {
family: "Arial, Helvetica, sans-serif",
size: 16,
style: "normal",
weight: 400,
fallback: "Arial, Helvetica, sans-serif"
lineHeight: {
value: 1.5,
unit: "em"
padding: {
top: 10,
right: 20,
bottom: 10,
left: 20
}, "This is an example of a Text Block.");

In this example, we’ve customized the color, font, line height, and padding of the Text Block, and provided some text content to display.

{% hint style=“info” %} Note: The toObject()method is called on the instance of TextBlock to convert the block into an object that can be used in an email template. {% endhint %}