Search code examples
reactjssharepointcarouselspfxfluent-ui

Unable to load component properly from @fluentui/[email protected] in a spfx webpart

I am using @fluentui/react-northstar carousal component link. it seems solution for my problem, but while loading it in spfx its not taking any default css or such. My webpart is simply showing images in vertical manner instead of showing proper carousel. Please find my code here

I also tried react-material carousel but for this also I am facing same issue.

Solution

  • I created 'hello word' webpart based on spfx/react and insert the mentioned component, it works well here:

    enter image description here

    Here is my test demo:

    BR

    ////////////----update---////////////////////

    Based on the sample in the doc, I add thumbnail feature like below:

    enter image description here

    I think it works well, just like what the sample shows. Can you have a try?