# How to pass the value from pagemodel to a custom component

**URL:** <https://forum.builder.io/t/how-to-pass-the-value-from-pagemodel-to-a-custom-component/4284>\
**Category:** Visual Editor Help\
**Created:** [October 5, 2023, 2:05pm UTC](https://forum.builder.io/t/how-to-pass-the-value-from-pagemodel-to-a-custom-component/4284 "2023-10-05T14:05:14Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [October 5, 2023, 2:28pm UTC](https://forum.builder.io/t/how-to-pass-the-value-from-pagemodel-to-a-custom-component/4284/2 "2023-10-05T14:28:07Z")

</div>

Hello @SelvaPrasath ,

You can pass [data](https://www.builder.io/c/docs/guides/connecting-api-data) and [functions](https://www.builder.io/c/docs/react/custom-actions) down to the Builder component to use in the UIs (e.g. bind data values to UIs e.g. for text values or iterating over lists, and actions to trigger for instance on click of a button)

All data passed down is available in Builder [actions and bindings](https://www.builder.io/c/docs/guides/custom-code) as `state.*`, for instance in the below example `state.products`, etc will be available

\<BuilderComponent model=“page” data={{ products: productsList, foo: ‘bar’, }} content={builderJson} /\>

Once you have the data available in builder UI, you can use the [dynamic data binding](https://www.builder.io/c/docs/guides/state-and-actions) feature to bind page data to your custom components.

> <https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down>
>
> //github.com/BuilderIO/builder/tree/main/packages/react

> [@Is it possible to access Page Fields in data bindings?](https://forum.builder.io/t/is-it-possible-to-access-page-fields-in-data-bindings/3393/4):
>
> Hi Jason, Ah yes! Apologies. You can bind to any custom field using context.builderContent For example, if you have a custom field called title, you’ll need to bind to context.builderContent.data.title So you can set state.someTitle = context.builderContent.data.title Basically, within custom JS I would recommend either setting the value to state by putting: state.whatever = context.builderContent.data.whatever Or, in your databinding you can access directly with context.builderContent.da…

---

_[View the full topic](https://forum.builder.io/t/how-to-pass-the-value-from-pagemodel-to-a-custom-component/4284)._