Ever wonder what “Text” might look like in the mix with Icon?

Icons are beautiful and eye-catchy. Ninja Tables Pro offers an element called ‘Text Icon,’ which is only available in the Drag and Drop option as a Pro element that lets you add text beside an icon.

Let’s add a Text Icon element to our Ninja Tables and check the properties and possibilities of the element.

text icon element

Properties of Text Icon Element #

ScopeOption NameType
GeneralEditor BoxText Editor
Item SpacingNumeric Value, drag bar
AlignmentLeft, Center, and Right
TextFont ColorGraphical Color Selection
Font SizeNumeric Value, drag bar
Font StyleBold, Italic & Underline
IconColorGraphical Color Selection
Icon SizeNumeric Value, drag bar
Choose IconUpload from Computer
Icon LibrarySelection from Library
Icon PositionLeft & Right

General #

drag and drop text icon
  1. Editor box: A text editor where you can edit your element text.
  2. Item Spacing: You can add space or gap between the Icons and List Items. By default, It is set to 0.
  3. Alignment: You can align the Stylist List to the left, right, or center. By default, it is set to Center.

Text #

customize text icon design
  1. Font Color: You can change the color of the text. By default, it is set to Black.
  2. Font Size: You can change the size of the text. By default, it is set to 15.
  3. Font Style: You can change the Font Style orientations. Available options are Bold, Italic, and Underline.

Icon #

pick an icon with text
  1. Color: You can change the color of the Icon. By default, it is set to Black.
  2. Icon Size: You can change the color of the Icon. By default, it is set to 15.
  3. Choose Icon: You can upload any image as an icon for your “Text icon” element.
  4. Icon Library: There are plenty of Icons to choose from in the Ninja Tables Stylist List. By default, it is set to Tick Mark.
  5. Icon Position: You can position the icon left or right to the text. By default, it is set to left.

Conclusion #

We hope this documentation has helped you understand the functionality of this Ninja Tables Drag & Drop Table Builder pro element. 

Let us know your thoughts and questions in the comment box.