cronapp-framework-mobile-js/components/crn-option-button.components.json

Javascript library for CronApp's projects

{
  "name": "crn-option-button",
  "text": "Option Button",
  "pallete": false,
  "class": "adjust-icon mdi mdi-stop",
  "template": "<ion-option-button class=\"button-default button\"><i class=\"icon ion-home\">home</i></ion-option-button>",
  "groupedChildren": [
    {
      "text_pt_BR": "Ícone",
      "text_en_US": "Icon",
      "selector": "i"
    }
  ],
  "attributesForPreview": [
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--btnDefault"
        },
        {
          "key": "button-positive",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--btnPrimary"
        },
        {
          "key": "button-balanced",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--btnSuccess"
        },
        {
          "key": "button-calm",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--btnCalm"
        },
        {
          "key": "button-energized",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--btnWarning"
        },
        {
          "key": "button-assertive",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--btnDanger"
        },
        {
          "key": "button-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--btnLight"
        },
        {
          "key": "button-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--btnStable"
        },
        {
          "key": "button-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--btnRoyal"
        },
        {
          "key": "button-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--btnDark"
        }
      ]
    }
  ]
}