Card

Cards are versatile content containers that contain content and actions to convey information about a single subject.

Components

import { DaffCardComponent } from '@daffodil/design/card'

@Component()
class DaffCardComponent extends DaffCardBaseDirective {
  @HostBinding() class: boolean = true
}

import { DaffRaisedCardComponent } from '@daffodil/design/card'

@Component()
class DaffRaisedCardComponent extends DaffCardBaseDirective {
  @HostBinding() class: boolean = true
}

import { DaffStrokedCardComponent } from '@daffodil/design/card'

@Component()
class DaffStrokedCardComponent extends DaffCardBaseDirective {
  @HostBinding() class: boolean = true
}

import { DaffCardIconDirective } from '@daffodil/design/card'

@Directive()
class DaffCardIconDirective {}

import { DaffCardImageDirective } from '@daffodil/design/card'

@Directive()
class DaffCardImageDirective {}

import { DaffCardTaglineDirective } from '@daffodil/design/card'

@Directive()
class DaffCardTaglineDirective {}

import { DaffCardTitleDirective } from '@daffodil/design/card'

@Directive()
class DaffCardTitleDirective {}

import { DaffCardContentDirective } from '@daffodil/design/card'

@Directive()
class DaffCardContentDirective {}

import { DaffCardActionsDirective } from '@daffodil/design/card'

@Directive()
class DaffCardActionsDirective {}

Deprecated

import { DaffCardModule } from '@daffodil/design/card'

@NgModule()
class DaffCardModule {}