Text Underline
This component allows you to apply underlines to either the entire text or specific words/phrases, with customizable styles like solid, dashed, dotted, double, and wavy lines.
Make it with Workshop
Build your own component with AI
This component allows you to apply underlines to either the entire text or specific words/phrases, with customizable styles like solid, dashed, dotted, double, and wavy lines.
Make it with Workshop
Build your own component with AI
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
Copy and paste the component into your project file
Add your desired text in the Text field
Choose between full text or selected words underlining using the Select Words toggle
For full text underlining:
Select the Global Style (solid, double, dotted, dashed, or wavy)
Choose the Global Underline Color and Font Color
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
Adjust the font properties using the Font control
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
For any queries and help setting up the component, contact hello@segmentui.com
