Aller au contenu principal
Version: Next

RemixIcon

Le champ de type remixicon permet de sélectionner une icône dans la bibliothèque RemixIcon. Ce champ est idéal pour ajouter des icônes à vos interfaces utilisateur de manière cohérente et professionnelle.

Utilisation de base

customize/exemple-basique.yaml
icon_header:
    label: "Icône d'en-tête"
    type: "remixicon"
    description: "Sélectionnez une icône pour l'en-tête"
    default: "ri-home-line"

Paramètres

Paramètre obligatoire

type Requis

  • Type : string
  • Valeur : "remixicon"
  • Description : Spécifie qu'il s'agit d'un champ de sélection d'icône RemixIcon

Paramètres optionnels

default

  • Type : string
  • Valeur par défaut : "" (chaîne vide)
  • Description : Définit l'icône sélectionnée par défaut. Doit être un nom de classe valide de RemixIcon (par exemple "ri-home-line")

Exemple avancé

exemple-complet.yaml
# Section des paramètres d'interface
interface:
    label: "Paramètres d'interface"
    type: "section"
    fields:
        # Icône principale
        main_icon:
            label: "Icône principale"
            type: "remixicon"
            description: "Icône affichée dans l'en-tête principal"
            default: "ri-home-line"

        # Icône du menu mobile
        mobile_menu_icon:
            label: "Icône du menu mobile"
            type: "remixicon"
            description: "Icône pour le bouton du menu sur mobile"
            default: "ri-menu-line"

Récupération de la valeur

La valeur retournée par le champ est le nom de classe complet de l'icône sélectionnée. Vous pouvez la récupérer via le service customize d'Elementum :

app/Controllers/MyController.php
$icon_class = $this->customize()->getSection('interface')->main_icon;
echo '<i class="' . $icon_class . '"></i>';

Bonnes pratiques

  • Consultez la documentation officielle de RemixIcon pour la liste complète des icônes disponibles
  • Le suffixe -line est utilisé pour les versions filaires, -fill pour les versions remplies