How to access/override elements within components?

Developer Support
1

Could someone explain to me how I could access elements of components within another component (that aren’t slots) in Codegen?
https://www.loom.com/share/f65feed003054ec0a72c900277cb632d

2

Hi Johannes! You can do it with overrides: https://docs.plasmic.app/learn/overrides/#override-props-in-code

3

Namely you just need to add a name for the elements, for example, arrows for the Arrows component instance (in the Section component), and left and right for the arrow images (in the Arrows component).

Then you can do something like:

<PlasmicSection arrows={{
  left: { /* overrides */ }
  right: { /* overrides */ }
}} />
4

thanks :slightly_smiling_face: was able to make it work:

5 
arrows={{
    left: {onClick: handleLeftArrowClick},
    right: {onClick: handleRightArrowClick},
    leftHidden: leftHidden.current,
    rightHidden: rightHidden.current
}}