The accordion is not compatible with FontAwesomeModule (FA5)

web
mobile

Topic: The accordion is not compatible with FontAwesomeModule (FA5)

chakkit pro asked a year ago

The accordion is not compatible with FontAweome 5 using FontAwesomeModule.

It seems working fine if I use the traditional way i.e. loading CSS fonts via CDN, which is not really good as it's too big.

After observing the code the accordion uses the <i> tag not the <fa-icon> tag. 

The FontAwesomeModule is officially supported by the FontAwesome Team, you can check it here, https://github.com/FortAwesome/angular-fontawesome.
 
Can you consider adding an option to allow replacing the icon to support for both <i> and <fa-icon> depends on user preference?

Something like, adding a boolean option for [fa-icon], i.e. <mdb-accordion [fa-icon]="true">, and makes it false by default, this way users can choose either <i> or <fa-icon> as required.  Note that by using [fa-icon]="true", user must install the FontAwesomeModule beforehand, you should not include it as it will cause redundant.

Regards,

Damian Gemza staff answered a year ago

Dear @chakkit 

Thanks for your opinion. We'll think about implementing such a feature in the future.

As for now if you're using the latest version of MDB Angular (7.3.0) install the @fortawesome/fontawesome-free library and include it in the angular.json file.

Best Regards,

Damian


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: 7.0.0
  • Device: Desktop
  • Browser: Google Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No