Native widgets

Kog exposes LVGL controls alongside React Native components. Drag the arc and watch both progress bars follow it. Change the dropdown or roller: both select the same profile. Toggle Running to stop or start the spinner. Scroll to reach all the controls.

Import these controls from @kog/ui. Arc and Bar use a min/max range; ProgressBar uses a fraction from 0 to 1. Checkbox uses value and onValueChange. Dropdown and Roller use a zero-based selectedIndex and an array of labels. The simulator creates native LVGL widgets, just as the firmware does.

The exported Chart currently has no working series-data transport. It is intentionally excluded from this runnable example; use the controls above for live values until that API is implemented. See the component reference.