DaffAccordionItemComponent

The wrapper for the title and content. It handles the expansion and collapse of the inner content when clicked. All daff-accordion-items should be grouped inside the daff-accordion component.

import { DaffAccordionItemComponent } from '@daffodil/design/accordion'

@Component()
class DaffAccordionItemComponent implements OnInit, DaffOpenable {
  @Input() itemId: string
  @Input() contentId: string
  @Input() initiallyExpanded: false
  @Input() disabled: false
  reveal()
  hide()
  toggle()
}

Selector: 'daff-accordion-item'

Properties

Name	Type	Description
@Input() itemId	string	The unique id of an accordion item. Defaults to an autogenerated value.
@Input() contentId	string	The unique id of an accordion item content. Defaults to an autogenerated value.
@Input() initiallyExpanded	false	Whether or not the item is initially opened by default.
@Input() disabled	false	Disables an accordion item and prevents it from being expanded or collapsed.
reveal		Reveals the contents of the accordion item.
hide		Hides the contents of the accordion item.
toggle		Toggles the visibility of the contents of the accordion item.