Callout

Callout is a versatile, pre-styled container used to highlight key pieces of content in a visually distinct way.

@Component()
class DaffCalloutComponent {
  @Input() textAlignment: DaffTextAlignment
  @Input() compact: boolean = false
  @Input() color: DaffColor
}

Used to display a visual or branding element. Avoid using this for interactive or actionable icons.

@Directive()
class DaffCalloutIconDirective {}

A short, memorable phrase that complements the title and provides quick context.

@Directive()
class DaffCalloutTaglineDirective {}

Applied to a heading tag (<h*>) to define the primary title of the callout.

@Directive()
class DaffCalloutTitleDirective {}

Secondary text that provides additional descriptive information beneath the title.

@Directive()
class DaffCalloutSubtitleDirective {}

A flexible wrapper for custom or additional components within the callout. It should only be used once per callout.

@Directive()
class DaffCalloutBodyDirective {}

@NgModule()
class DaffCalloutModule {}