Expand my Community achievements bar.

Applications for the 2024-2025 Adobe Experience Manager Champion Program are open!
SOLVED

Custom Tabs Component in AEM React SPA

Avatar

Level 4

I am able to render the OOTB Tabs Component in AEM React SPA with following code in ui.frontend file.

import {MapTo} from '@adobe/aem-react-editable-components';
import {TabsV1, TabsV1IsEmptyFn} from '@adobe/aem-core-components-react-spa';
MapTo('<project>/components/tabs')(TabsV1, {isEmpty: TabsV1IsEmptyFn});

 But Not able to render with proxy component which has following code

import {MapTo} from '@adobe/aem-react-editable-components';
import {TabsV1, TabsV1IsEmptyFn} from '@adobe/aem-core-components-react-spa';
MapTo('<project>/components/tabs2')(TabsV1, {isEmpty: TabsV1IsEmptyFn});

Any advise would be much appreciated.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @Leela-Pavan-Kumar ,

 

Did you check the sling model exporter json working for resource type - 

<project>/components/tabs2

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi @Leela-Pavan-Kumar ,

 

Did you check the sling model exporter json working for resource type - 

<project>/components/tabs2

Avatar

Level 2

Hi @Leela-Pavan-Kumar , Is your Issue resolved ? How did you implement this, Can you share the details here?