Callout

Callout is a versatile component that can be used to easily highlight a piece of content.

DaffCalloutModule

import { DaffCalloutModule } from '@daffodil/design/callout'

@NgModule()
class DaffCalloutModule {}

DAFF_CALLOUT_COMPONENTS

import { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout'

const DAFF_CALLOUT_COMPONENTS: readonly [typeof DaffCalloutComponent, typeof DaffCalloutIconDirective, typeof DaffCalloutTitleDirective, typeof DaffCalloutSubtitleDirective, typeof DaffCalloutTaglineDirective, typeof DaffCalloutBodyDirective]

DaffCalloutComponent

import { DaffCalloutComponent } from '@daffodil/design/callout'

@Component()
class DaffCalloutComponent {}

Selector: 'daff-callout'

DaffCalloutIconDirective

import { DaffCalloutIconDirective } from '@daffodil/design/callout'

@Directive()
class DaffCalloutIconDirective {}

Selector: '[daffCalloutIcon]'

DaffCalloutTaglineDirective

import { DaffCalloutTaglineDirective } from '@daffodil/design/callout'

@Directive()
class DaffCalloutTaglineDirective {}

Selector: '[daffCalloutTagline]'

DaffCalloutTitleDirective

import { DaffCalloutTitleDirective } from '@daffodil/design/callout'

@Directive()
class DaffCalloutTitleDirective {}

Selector: '[daffCalloutTitle]'

DaffCalloutSubtitleDirective

import { DaffCalloutSubtitleDirective } from '@daffodil/design/callout'

@Directive()
class DaffCalloutSubtitleDirective {}

Selector: '[daffCalloutSubtitle]'

DaffCalloutBodyDirective

import { DaffCalloutBodyDirective } from '@daffodil/design/callout'

@Directive()
class DaffCalloutBodyDirective {}

Selector: '[daffCalloutBody]'