Text Underline

About

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library

Instructions

1. Copy and paste the component into your project file

2. Add your desired text in the Text field

3. Choose between full text or selected words underlining using the Select Words toggle

4. For full text underlining:

   • Select the Global Style (solid, double, dotted, dashed, or wavy)

   • Choose the Global Underline Color and Font Color

5. For selected words:

   • Click the + button in Highlighted Phrases

   • Enter the exact phrase you want to highlight

   • Customize the Font Color, Style, and Underline Color for each phrase

6. Adjust the font properties using the Font control

How It Works

The component comes with customizable properties including text content, font styling, underline style, colors, and the ability to highlight specific phrases. You can control whether the underline effect applies to the entire text or selected words, and customize the appearance of individual highlighted phrases

Support

For any queries and help setting up the component, contact hello@segmentui.com