Skip to content

Data

The data object provides values for components.

  • $data - Object
  • source - Array of data
    • display: label for display
    • value: any, actual data
    • icon: icon string
    • color: hex
    • sort - true | false
"$data": {
    "sort": false,
    "source": [
        {
        "display": "朝食",
        "value": "breakfast",
        "icon": "fal fa-coffee",
        "color": "#d60000"
        },
        {
        "display": "昼食",
        "value": "lunch",
        "icon": "fal fa-soup",
        "color": "#d60000"
        },
        {
        "display": "夕食",
        "value": "dinner",
        "icon": "fal fa-utensils",
        "color": "#d60000"
        },
        {
        "display": "間食",
        "value": "snack",
        "icon": "fal fa-cookie-bite",
        "color": "#d60000"
        }
    ]
}