Skip to main content

Available Standard Libraries

The following standard libraries are available inside Phoenix Code:

jquery

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animations, and Ajax.

fontawesome

Fontawesome is used for iconography in Phoenix Code.

Usage

<!-- This example uses <i> element with: 
1. the `fa-solid` style class for solid style
2. the `user` icon with the `fa-` prefix -->
<i class="fa-solid fa-user"></i>

<!-- Or you can use a <span> element, with classes applied in the same way -->
<span class="fa-solid fa-user"></span>

Reference: https://fontawesome.com/docs/web/add-icons/how-to

See the following urls for available icons:

  1. https://fontawesome.com/v5/cheatsheet/free/solid
  2. https://fontawesome.com/v5/cheatsheet/free/regular
  3. https://fontawesome.com/v5/cheatsheet/free/brands

devicon

devicon is used for iconography in Phoenix Code.

usage: similar to fontawesome

file-icons

file-icon is used for iconography in Phoenix Code.

usage: similar to fontawesome

Additional icon sources

This is not included in Phoenix, but you can get icons from

  1. Ionicons

Usage

<!-- This example uses <i> element -->
<i class="devicon-devicon-plain"></i>

NB: Svg icons are not integrated in source.

Reference: https://www.npmjs.com/package/devicon

See the following urls for available icons: https://devicon.dev/