Framework 7 Gauge settings and events. Select the component in App Structure to find these controls in Properties.
| Name |
Description |
| ID | Required. Default: "". Attribute: id. |
| Type | Options: Circle (circle), Semicircle (semicircle) Default: "circle". Attribute: type. |
| Value | Default: 0. Attribute: value. |
| Size | Default: 200. Attribute: size. |
| Bg Color | Default: "transparent". Attribute: bg-color. |
| Name |
Description |
| Bg color | Default: "". Attribute: border-bg-color. |
| Color | Default: "". Attribute: border-color. |
| Width | Default: "". Attribute: border-width. |
| Name |
Description |
| Text | Default: "". Attribute: value-text. |
| Text color | Default: "". Attribute: value-text-color. |
| Font size | Default: "". Attribute: value-font-size. |
| Font weight | Default: "". Attribute: value-font-weight. |
| Name |
Description |
| Text | Default: "". Attribute: label-text. |
| Text color | Default: "". Attribute: label-text-color. |
| Font size | Default: "". Attribute: label-font-size. |
| Font weight | Default: "". Attribute: label-font-weight. |
| Name |
Description |
| Type | Choose dynamic data binding. |
| Value | Choose dynamic data binding. |
| Size | Choose dynamic data binding. |
| Bg Color | Choose dynamic data binding. |
| Params | Choose dynamic data binding. |
