Atlassian design system


Hello, i wantto ue atlassian design system while im building my application in project page and when i wanted to use button from atlassian design system this error print i imported import React from ‘react’;

import Button from ‘@atlaskit/button’;

Hello @LARAHn ,

Based on the error, Button from @atlaskit/button has a conflict. Looking at Line 2, Button from @forge/ui has been imported already which would conflict with the atlaskit button. You can try using an alias for Button in line 2; something like

import ... { Button as ForgeButton, ... } from "@forge/ui"

Cheers,
Ian

The next wall you’ll hit is that the UI Kit can’t be used with React or any HTML.

You’ll need to use only UI Kit components+hooks or use Custom UI: https://developer.atlassian.com/platform/forge/build-a-custom-ui-app-in-jira/

1 Like