AUI - missing css for aui / aui-sidebar

I am creating a plugin for Jira Cloud and in my app.js I could successfully include the AUI module.
I tried recreating the aui-sidebar seen in this example : Sidebar - AUI Documentation

but I am missing CSS files how are you supposed to include them?

import './styles/app.css';

// start the Stimulus application
import './bootstrap';

import React from "react";
import ReactDOM from 'react-dom';
import AJS from '@atlassian/aui';

var sidebar = AJS.sidebar('.aui-sidebar');

// Try to expand the sidebar.
if (sidebar.isCollapsed()) {

// Listen to collapse events.
sidebar.on('collapse-start', function () {
    console.log('Sidebar is collapsing!');

sidebar.on('collapse-end', function () {
    console.log('Sidebar is now collapsed!');

// Event delegation for custom interactions.
sidebar.$el.on('click', '.clone', function (e) {
    if (sidebar.isCollapsed()) {

I think you can import locally downloaded files from CDN.
Or you can import from html and inside html

    <link rel="stylesheet" href="" media="all">
    <script src=""></script>
    <script src=""></script>

These styles with js I am using in my spring project inside template language. (like Handlebars for js)

1 Like