Skip to content

Stantard Libraries Available

phoenixide edited this page Jan 17, 2024 · 2 revisions

The following standard libraries are available inside phoenix:

jquery

https://jquery.com/

fontawesome

Fontawesome is used for iconography in phoenix.

credits: https://fontawesome.com/

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.

usage: similar to fontawesome

file-icons

file-icon is used for iconography in phoenix.

usage: similar to fontawesome

credits: https://uiwjs.github.io/file-icons/index.html

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/