component > button > style

Styling buttons

TODO:

• Confirm that things like "size" and "height" are in pixels only, and don't repsond to suffixes like "px" or "%".
• Mention to ethan that the button styling docs don't mention "size" in the reference at https://docs.jasonette.com/components/#button ; though maybe there's a complete reference or something that mentions it.

TODO: Inconsistent results on iPhone vs Jasonette Web etc.

[ Jasonette-Web demo | Jasonbase source code ]

{
  "$jason": {
    "head": {
      "title": "styled button",
      "description": "Add styling to a button"
    },
    "body": {
      "header": {
        "title": "Button styling"
      },
      "sections": [
        {
          "items": [
            {
              "type": "label",
              "text": "Item within section"
            },
            {
              "type": "button",
              "text": "Refresh",
              "style": {
                "color": "#FFFFFF",
                "background": "#000000",
                "size": "20",
                "width": "100",
                "height": "50",
                "padding": "0"
              },
              "action": {
                "type": "$reload"
              }
            }
          ]
        }
      ]
    }
  }
}