List

List is a flexible component that can be used to display a series of content. It can be modified to support a range of content types.

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

@NgModule()
class DaffListModule {}

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

const DAFF_LIST_COMPONENTS: readonly [typeof DaffListComponent, typeof DaffListItemComponent, typeof DaffPrefixSuffixModule]

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

type DaffListType = 'daff-list' | 'daff-nav-list'

Type	Options
DaffListType	`'daff-list' \| 'daff-nav-list'`

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

@Component()
class DaffListComponent {}

Selector:

'daff-list' + ',' +
    'daff-nav-list'

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

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

Selector:

'daff-list-item' + ',' +
    'a[daff-list-item]'

Name	Type	Description
@Input() active	false	Whether or not the header item is active