Hero

Hero is a top level container that is large and captivating. It should only be used once as the first container on any given page.

Components

import { DaffHeroComponent } from '@daffodil/design/hero'

@Component()
class DaffHeroComponent {}

import { DaffHeroTaglineDirective } from '@daffodil/design/hero'

@Directive()
class DaffHeroTaglineDirective {}

import { DaffHeroTitleDirective } from '@daffodil/design/hero'

@Directive()
class DaffHeroTitleDirective {}

import { DaffHeroSubtitleDirective } from '@daffodil/design/hero'

@Directive()
class DaffHeroSubtitleDirective {}

import { DaffHeroBodyDirective } from '@daffodil/design/hero'

@Directive()
class DaffHeroBodyDirective {}

import { DaffHeroIconDirective } from '@daffodil/design/hero'

@Directive()
class DaffHeroIconDirective {}

Deprecated

import { DaffHeroModule } from '@daffodil/design/hero'

@NgModule()
class DaffHeroModule {}