Composants Frontend

BadgeEditor

Composant principal pour l’édition des badges :

interface BadgeConfig {

  id: string;

  name: string;

  title?: string;

  description?: string;

  icons: {

    urls: string[];

    iconData: IconConfig[];

    size: number;

    alignment: “horizontal” | “vertical”;

    spacing: number;

  };

  frame: {

    enabled: boolean;

    type: “none” | “circle” | “rectangle”;

    color: string;

    backgroundColor: string;

    shadow: boolean;

  };

  colors: {

    titleColor: string;

    descriptionColor: string;

  };

  typography: {

    titleSize: string;

    descriptionSize: string;

    align: “left” | “center” | “right”;

  };

  style: {

    borderRadius: number;

    padding: string;

    margin: string;

  };

  premium: {

    isPremium: boolean;

    freeColor: string;

    iconColor: string;

  };

}