# Spinner (/examples/widgets/spinner)



Spinner basics [#spinner-basics]

<LvglExampleBrief>
  A loading indicator that rotates a configurable arc segment.
</LvglExampleBrief>

A spinner is a self-animating widget: nothing has to drive its value from
outside. `anim_duration` is the number of milliseconds it takes to complete
one full rotation (lower = faster). `arc_sweep` is the angular length of
the moving segment in degrees — common values are 270° (a long C shape) or
90° (a short dash). Width and height set the diameter; the spinner sizes
the arc to fill the widget.

<LvglExample name="lv_example_spinner_basic" path="widgets/spinner/lv_example_spinner_basic" />

Table styling [#table-styling]

<LvglExampleBrief>
  Style the table background and the per-cell appearance.
</LvglExampleBrief>

Table has two relevant parts: `MAIN` (the background and overall frame)
and `ITEMS` (each cell — borders, padding, text). Attaching a named
`style_items` style covers every cell uniformly. To make the header row
stand out, attach a second style with `selector="items"` and the
row-specific state — but XML doesn't yet have a per-row selector; instead
set the header row's cell `ctrl` flags or restyle in code.

<LvglExample name="lv_example_spinner_styling" path="widgets/spinner/lv_example_spinner_styling" />