Text Alignable

Text alignable enforces consistent use of text alignment across components.

Directives

DaffTextAlignableDirective

import { DaffTextAlignableDirective } from '@daffodil/design'

DaffTextAlignableDirective enforces consistent use of text alignment across components.

@Directive()
class DaffTextAlignableDirective implements DaffTextAlignable, OnChanges, OnInit {
  defaultAlignment: DaffTextAlignment

  @Input() textAlignment: DaffTextAlignment
}

Inputs

textAlignment

DaffTextAlignment

Default	–
Description	The text alignment of the component.

Properties

defaultAlignment

DaffTextAlignment

Default	–
Description	The default used when no text alignment is set.

Types

DaffTextAlignable

Deprecated

import { DaffTextAlignable } from '@daffodil/design'

interface DaffTextAlignable {
  textAlignment: DaffTextAlignment
}

DaffTextAlignment

import { DaffTextAlignment } from '@daffodil/design'

The available text alignment options.

type DaffTextAlignment = 'left' | 'center' | 'right'

DaffTextAlignmentEnum

import { DaffTextAlignmentEnum } from '@daffodil/design'

This enum will be removed from the public api in v1.0.0.

enum DaffTextAlignmentEnum {
  Left = DaffTextAlignmentEnum.Left,
  Center = DaffTextAlignmentEnum.Center,
  Right = DaffTextAlignmentEnum.Right,
}