Breadcrumb

A breadcrumb is a secondary navigation pattern that shows users their current location within a website or application's hierarchy.

Components

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

Groups breadcrumb items. Must be applied to a native <ol> element.

@Component()
class DaffBreadcrumbComponent implements AfterContentInit {
  @Input() @HostBinding() skeleton: boolean = false
}

skeleton

boolean

Default	`false`
Description	Controls whether the component displays a skeleton loading state.

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

Represents each individual breadcrumb item. Must be used on a <li> element.

@Directive()
class DaffBreadcrumbItemDirective {
  setActive(value: boolean): void
}

Parameter	`value: boolean`
Description

Deprecated

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

@NgModule()
class DaffBreadcrumbModule {}