Breadcrumb

Breadcrumbs are a secondary navigation that displays a user's location within a website or application.

DAFF_BREADCRUMB_COMPONENTS

import { DAFF_BREADCRUMB_COMPONENTS } from '@daffodil/design/breadcrumb'

const DAFF_BREADCRUMB_COMPONENTS: readonly [typeof DaffBreadcrumbComponent, typeof DaffBreadcrumbItemDirective]

DaffBreadcrumbModule

import { DaffBreadcrumbModule } from '@daffodil/design/breadcrumb'

@NgModule()
class DaffBreadcrumbModule {}

DaffBreadcrumbComponent

import { DaffBreadcrumbComponent } from '@daffodil/design/breadcrumb'

@Component()
class DaffBreadcrumbComponent {
  @HostBinding() class: true
}

Selector: 'ol[daff-breadcrumb]'

Properties

Name	Type	Description
class	true

DaffBreadcrumbItemDirective

import { DaffBreadcrumbItemDirective } from '@daffodil/design/breadcrumb'

@Directive()
class DaffBreadcrumbItemDirective {
  @HostBinding() class: true
  @HostBinding() 
  get ariaCurrent()
  @Input() @HostBinding() active: false
}

Selector: 'li[daffBreadcrumbItem]'

Properties

Name	Type	Description
class	true
ariaCurrent
@Input() active	false	Whether or not the breadcrumb item is active