Font Awesome Icon Codename Selector

A custom element for Kentico Kontent

This is a custom element for Kentico Kontent that allows you to pick Font Awesome Icon.

The custom element is storing the code of the picked icon. Internally it is a wrapper over the fontawesome-iconpicker selector.

💡 If you want to take a look to another approach that stores icon SVG, take a look to the sibling repository kontent-custom-element-font-awesome-selector-svg.

Stored value

{
  ...
  "elements": {
      "custom_element": {
        "type": "custom",
        "name": "Custom element",
        "value": "fas fa-arrow-circle-right"
      }
    }
  ...
},

Setup

1. Deploy the code to a secure public host
   • See deploying section for a really quick option
2. Follow the instructions in the Kentico Kontent documentation to add the element to a content model.
   • The Hosted code URL is where you deployed to in step 1
   • No JSON parameters are necessary

Deploying

Netlify has made this easy. If you click the deploy button below, it will guide you through the process of deploying it to Netlify and leave you with a copy of the repository in your GitHub account as well.

Development

You can use following to set up the development environment

Prerequisites:

• Node.js
• git
• ngrok

npm i -g serve
git clone https://github.com/Simply007/kontent-custom-element-font-awesome-selector-codename
cd kontent-custom-element-font-awesome-selector-codename
serve . # serving the index.html locally on http://localhost:5000
ngrok # forwarding the request using ngrok proxy - see actual url in console output

---

Team

This project was part of Kentico Kontent Consulting and DevRel hackaton!

Ondřej Chrastina Github Twitter	Richard Šustek Github	Yuriy Sountsov Github Twitter	Rui Wang Github Twitter