Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
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?