Text Alignment

Control the horizontal alignment of text content using predefined alignment classes.

• Basic Usage
• Quick Reference
• Responsive Design
• Related Documentation

WText('Left-aligned text', className: 'text-left');
WText('Centered text', className: 'text-center');
WText('Right-aligned text', className: 'text-right');

Basic Usage

Apply text alignment with the text- prefix followed by an alignment direction:

WText(
  'Centered heading',
  className: 'text-center text-2xl font-bold text-gray-900 dark:text-gray-100',
);
WText(
  'This paragraph text is justified for a formal appearance.',
  className: 'text-justify text-base text-gray-700 dark:text-gray-300',
);

Quick Reference

Responsive Design

Combine with breakpoint prefixes to change alignment at different screen sizes:

WText(
  'Responsive alignment',
  className: 'text-center md:text-left',
);

Related Documentation

• Font Size — set text size.
• Font Weight — control text thickness.
• Text Color — apply color to text.
• WText — the primary text widget.