ng_fontawesome 5.12.1
ng_fontawesome: ^5.12.1 copied to clipboard

Contains directives for using glyphs from the popular Font Awesome library.

Font Awesome for AngularDart #

Basic Usage #

This package provides Font Awesome as an AngularDart component. To use icons inside a component, do the following:

  • Import the package: import 'package:ng_fontawesome/cng_fontawesome.dart';
  • Add the directives to your component: directives: const [FA_DIRECTIVES]
  • Add icons to your template, e.g. <fa name="flag"></fa>

See more usage information in the demo application (source code).

Versioning #

The version number of this package follows the version number of Font Awesome itself. This makes it easy to see which version of Font Awesome is provided by this package and pin your own packages to specific versions of Font Awesome (i.e. a version that adds a specific glyph that your package needs).

Maintenance #

This section is for the developer[s] of this package only.

To upgrade Font Awesome, download and unzip the upstream release. Change into the unzipped directory. Then run these commands:

$ cp css/all.* ../lib/src/css
$ cp webfonts/* ../lib/fonts
$ cd ..
$ sed --in-place 's:url[(]"\.\./web:url("packages/ng_fontawesome/:g' lib/src/css/all.css
$ sed --in-place 's:url[(]\.\./web:url(packages/ng_fontawesome/:g' lib/src/css/all.min.css

To test it out, switch to the ng_fontawesome_demo project and run:

$ pub get
$ webdev serve

To publish:

  1. Put new version in pubspec.yaml
  2. Update
  3. Run dartdoc to make sure it can run successfully
  4. Create and push a git tag
  5. Publish: pub publish

define hyperion gray

pub points


Contains directives for using glyphs from the popular Font Awesome library.

Repository (GitHub)
View/report issues


API reference






Packages that depend on ng_fontawesome