# Basic The Basic Example illustrates how to manage UI objects from the Player object using locally instantiated `PlayerUI` prefabs with [SyncVars](https://mirror-networking.gitbook.io/docs/manual/guides/synchronization/syncvars) and Events
The scene Canvas has a `CanvasUI` script with references to its children:
Scene Canvas
The `PlayerUI` prefab is a UI fragment that has a `PlayerUI` script with references to its own children:
PlayerUI Prefab
The Player script on the Player object has a reference to the `PlayerUI` prefab and three `SyncVars`:
Player Object
The Player script also has three events that are invoked by the [SyncVar hooks](https://mirror-networking.gitbook.io/docs/manual/guides/synchronization/syncvar-hooks): ``` public event System.Action OnPlayerNumberChanged; public event System.Action OnPlayerColorChanged; public event System.Action OnPlayerDataChanged; ``` When the Player object is spawned on the client, a `PlayerUI` is instantiated as a child of the `PlayersPanel` in the Canvas via the references provided in the `CanvasUI` script, and the `SetPlayer` method is called with the corresponding Player script reference. The `PlayerUI` script subscribes to the events above, and updates its UI elements as the `SyncVars` are updated from the server.