List

A list is a stylized container used to vertically group a series of related content.

Components

import { DaffListComponent } from '@daffodil/design/list'

A standard list used for grouping generic content.

@Component()
class DaffListComponent {}

import { DaffNavListComponent } from '@daffodil/design/list'

A navigation list intended for use with anchor elements (<a>).

@Component()
class DaffNavListComponent {}

import { DaffListItemComponent } from '@daffodil/design/list'

Individual items within a list.

@Component()
class DaffListItemComponent {
  @Input() active: boolean = false
}

active

boolean

Default	`false`
Description	Whether an item in a `<daff-nav-list>` is the currently active item.

import { DaffListItemTitleDirective } from '@daffodil/design/list'

Used to identify the primary title of a list item within a multi-line list.

@Directive()
class DaffListItemTitleDirective {}

Deprecated

import { DaffListModule } from '@daffodil/design/list'

@NgModule()
class DaffListModule {}