PHPackages daun/statamic-icon-button-fieldtypes - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. daun/statamic-icon-button-fieldtypes ActiveStatamic-addon[Utility & Helpers](/categories/utility) daun/statamic-icon-button-fieldtypes ==================================== Icon-only button fieldtypes for Statamic 0.4.0(3mo ago)198↓50%MITPHPPHP ^8.2 Since Nov 17Pushed 3mo agoCompare [ Source](https://github.com/daun/statamic-icon-button-fieldtypes)[ Packagist](https://packagist.org/packages/daun/statamic-icon-button-fieldtypes)[ Docs](https://github.com/daun/statamic-icon-button-fieldtypes)[ RSS](/packages/daun-statamic-icon-button-fieldtypes/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (4)Dependencies (7)Versions (6)Used By (0) Statamic Icon Button Fieldtypes =============================== [](#statamic-icon-button-fieldtypes) Icon-only button fieldtypes for compact toggles and switches. [![Example icon button fields](art/icon-buttons.png)](art/icon-buttons.png) Installation ------------ [](#installation) Install the addon via Composer: ``` composer require daun/statamic-icon-button-fieldtypes ``` Fieldtypes ---------- [](#fieldtypes) The addon ships with three fieldtypes, each extending a native Statamic fieldtype: - Single-choice **[Icon Group](#icon-group)** extends the native Button Group - Multi-Choice **[Icon Toggles](#icon-toggles)** extends the Checkboxes fieldtype - Boolean **[Icon Toggle](#icon-toggle)** extends the Toggle fieldtype ### Icon Group [](#icon-group) The **Icon Group** fieldtype extends the native [Button Group](https://statamic.dev/fieldtypes/button_group)fieldtype and allows selecting a single option from a predefined set of options. [![Example icon group fields](art/icon-group.png)](art/icon-group.png) ``` align: display: Align - type: button_group + type: icon_group options: - value: Left key: left + icon: align-start-vertical - value: Right key: right + icon: align-end-vertical ``` Icon Toggles ------------ [](#icon-toggles) The **Icon Toggles** fieldtype extends the native [Checkboxes](https://statamic.dev/fieldtypes/checkboxes)fieldtype and allows selecting one or more options from a predefined set of options. [![Example icon toggles field](art/icon-toggles.png)](art/icon-toggles.png) ``` playback: display: Playback options - type: checkboxes + type: icon_toggles options: - value: sound key: sound + icon: volume - value: Loop key: loop + icon: repeat - value: Captions key: captions + icon: captions ``` Icon Toggle ----------- [](#icon-toggle) The **Icon Toggle** fieldtype extends the native [Toggle](https://statamic.dev/fieldtypes/toggle)fieldtype and allows switching a single value on or off. [![Example icon toggles field](art/icon-toggle.png)](art/icon-toggle.png) ``` featured: display: Featured - type: toggle + type: icon_toggle + button_icon: star ``` Note that the option here is called `button_icon` because `icon` key is a reserved key by Statamic. Custom Icon Sets ---------------- [](#custom-icon-sets) Icons are pulled from the built-in control panel icon set. To use icons from a different set, change the `set` option of each field to the desired set. ### Example: Lucide [](#example-lucide) The example steps below will install and use icons from the [Lucide](https://lucide.dev/icons/) icon set, used in the examples above. Install icon set: ``` npm install lucide-static ``` Register icon set in control panel: ``` // resource/js/cp.js import { registerIconSet } from '@statamic/cms/ui'; Statamic.booting(() => { registerIconSet('lucide', import.meta.glob( '../../node_modules/lucide-static/icons/*.svg', { query: '?raw', import: 'default' } )); }); ``` Switch field to use icon set: ``` visibility: type: icon_group display: Visibility + set: lucide options: - value: Public key: public icon: eye - value: Private key: private icon: eye-off ``` License ------- [](#license) [MIT](https://opensource.org/licenses/MIT) ### Health Score 38 — LowBetter than 85% of packages Maintenance82 Actively maintained with recent releases Popularity14 Limited adoption so far Community6 Small or concentrated contributor base Maturity41 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~28 days Total 4 Last Release 98d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/31ac2b3787ded290b6bac87b937abf4f267483e4da64731bfb256a942bb669ca?d=identicon)[daun](/maintainers/daun) --- Top Contributors [![daun](https://avatars.githubusercontent.com/u/22225348?v=4)](https://github.com/daun "daun (38 commits)") --- Tags iconbuttonstatamicfieldtype ### Code Quality TestsPest Static AnalysisPHPStan Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/daun-statamic-icon-button-fieldtypes/health.svg) ``` [![Health](https://phpackages.com/badges/daun-statamic-icon-button-fieldtypes/health.svg)](https://phpackages.com/packages/daun-statamic-icon-button-fieldtypes) ``` ### Alternatives [visuellverstehen/statamic-classify A useful helper to add CSS classes to all HTML tags generated by the bard editor. 20116.8k](/packages/visuellverstehen-statamic-classify)[marcorieser/statamic-livewire A Laravel Livewire integration for Statamic. 2381.5k10](/packages/marcorieser-statamic-livewire)[withcandour/aardvark-seo Save time and get your Statamic site to rank better with the SEO addon for Statamic. 13128.3k](/packages/withcandour-aardvark-seo)[aerni/livewire-forms A Statamic forms framework powered by Laravel Livewire 2912.8k](/packages/aerni-livewire-forms)[mitydigital/feedamic A fully-featured RSS and Atom feed generator for Statamic. 1064.0k](/packages/mitydigital-feedamic) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)