Header Accordion

This section describes the BfmDefaultHeaderAccordionComponent component.

Composition

The BfmDefaultHeaderAccordionComponent has no any composition component.

Usage

You need to import it in your module and use it in your template.

default-header-accordion.component.ts

import { BfmDefaultHeaderAccordionComponent } from '@celerofinancas/ui-cash-flow';

@Component({
  standalone: true,
  selector: 'default-header-accordion',
  imports: [BfmDefaultHeaderAccordionComponent],
  templateUrl: './default-header-accordion.component.html',
})
export class DefaultHeaderAccordionComponent {}

Then, in your template, you can use the component like this:

default-header-accordion.component.html

<bfm-header-accordion
  [icon]="'icon-src'"
  [opened]="false"
  [title]="'Header Title'"
/>

Inputs

The BfmDefaultHeaderAccordionComponent component has the following inputs:

icon

Image source

Type	Default
string	''

opened

Controls content visibility

Type	Default
boolean	false

title

Header title text

Type	Default
string	''

Events

The BfmDefaultHeaderAccordionComponent component has no events.