# Example 5: Dynamic colors

This example showcases the `rawItem` with the custom method
`getColor`. Both grids on the outside call the method with
`"red"` while the one in the middle uses `"green"`.
We use arrays called `placedA`, `placedB` and
`placedC` to save, which item is contained in which grid.

Notice: the third grid doesn't save the item position, they are always
positioned automatically.

<ClientOnly>
<script setup>
import Example5Colors from "../../example/src/Example5Colors.vue";
</script>


<Example5Colors />
</ClientOnly>