Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
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

3 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?

Avatar

Level 1

Hi @Leela-Pavan-Kumar , Can you share your solution here, please?