GitHub

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.

Components

DaffListComponent

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

@Component()
class DaffListComponent {}

DaffListItemComponent

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

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

Inputs

active
boolean
Defaultfalse
Description

Whether or not the header item is active


Modules

DaffListModule

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

@NgModule()
class DaffListModule {}

Types

DaffListType

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

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