Picker Fields

Pickers for the two things that are always a plain text box: icons and colors. Six custom fields — four icon libraries, plus a hex color picker and a named color picker.

Fields

• Icon — Lucide
  Pick a Lucide icon. Stores the icon name, e.g. 'arrow-right'.
  /fields/icon-lucide
• Icon — Heroicons
  Pick a Heroicon in any of its four styles. Stores 'style/name', e.g. 'outline/academic-cap'.
  /fields/icon-heroicons
• Icon — Font Awesome
  Pick a Font Awesome Free icon. Stores 'style/name', e.g. 'solid/star' or 'brands/github'.
  /fields/icon-fontawesome
• Icon — Simple Icons (brands)
  Pick a brand logo from Simple Icons. Stores the slug, e.g. 'github'.
  /fields/icon-simple-icons
• Color — Hex
  Pick a color visually. Stores a hex value, e.g. '#0F62FE'.
  /fields/color-hex
• Color — Named
  Pick from the CSS named colors, or from your own named tokens. Stores the name, e.g. 'rebeccapurple'.
  /fields/color-named

Installing

In Agility, go to Settings → Apps → Add a Private App and give it this site’s base URL. Agility reads the manifest from /.well-known/agility-app.json and the fields above become available as custom field types on any content model.

Icons are bundled from Lucide (ISC), Heroicons (MIT), Font Awesome Free (CC BY 4.0) and Simple Icons (CC0 1.0). Source and documentation.