Text Component synced with Web Awesome 3.0.0

provides text functionality for Angular applications.

Preparing for Web Awesome 1.0.0. This wrapper will not target a version above 1.0.0 until it is released.

Overview

Import

Import the text directive from the angular-awesome package:

// Import the text directive
import { WaTextDirective } from 'angular-awesome/text';

Examples

Body

Five boxing wizards

Five boxing wizards

Headings

Five boxing wizards

Five boxing wizards

Captions

Five boxing wizards
Five boxing wizards

Longform

The five boxing wizards jump quickly. How quickly?

Links

<a waText [waLink]="true" href="#">Five boxing wizards Five boxing wizards

Lists

  • First list item
  • Second list item
  • Final list item

Form Controls Text

value@example.com
Type your email
We never share your email.

Font Size

Five boxing wizards

Five boxing wizards

Font Weight

Five boxing wizards

Five boxing wizards

Text Color

Five boxing wizards

Five boxing wizards

Truncation

The five boxing wizards jump quickly. How quickly?

API Reference

Styling