How to import AUI modules in '@atlassian/aui'


I have installed aui package '@atlassian/aui' using npm in my node modules. Can anyone please give the ES6 syntax to import the modules within the code.

1 answer

This widget could not be displayed.

Something like this should work:

import flag from '@atlassian/aui/lib/js/aui/flag';

    type: 'info',
    title: 'Issue ADG-745 has been created.',
    persistent: false,
    body: `<ul class="aui-nav-actions-list">
        <li><a href="#">View issue</a></li>
        <li><a href="#">Add to sprint</a></li>

You can see an example here: aui-umd-example.

The examples makes use of `aui-adg`, which is hosted on a private npm registry, but the example should work for the publicly consumable NPM registry.

Suggest an answer

Log in or Sign up to answer
Atlassian Summit 2018

Meet the community IRL

Atlassian Summit is an excellent opportunity for in-person support, training, and networking.

Learn more
Community showcase
Published 13 hours ago in Marketplace Apps

The 7 hacks of highly successful automation

...there's anything I've learnt from working, it's that people are lazy! No offense to anyone reading this, but it's true and we can all admit it. The easier you make something for someone, the more...

68 views 0 8
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you