Using Spinner in Custom UI

Forge Forge Custom UI and UI kit (beta)
1

I want to use Spinner Atlaskit component in my Forge Custom UI app and added the following to the App.js

import '@atlaskit/css-reset';
import Spinner from '@atlaskit/spinner';
...

function App() {
    ...

    return (
        <div>
            <Spinner interactionName="Loading" />
        </div>
    );
}

export default App;

But what I get is only a solid circle SVG, no spinning.

Guess some JavaScript is not executed for the rotating of the SVG image. Or some CSS missing?

Any idea what is going on?

2

You need to allow unsafe-inline for css in your csp. See https://developer.atlassian.com/platform/forge/add-content-security-and-egress-controls/#use-custom-content-security-policies

/Daniel

1 Like
3

Thank you for the hint. Working fine now. :smiley: