How to build a Confluence Macro (using Forge) containing a simple TextField (https://developer.atlassian.com/platform/forge/ui-kit-components/form/#textfield) and also rendering a Badge (https://atlassian.design/components/badge/examples)? It could be anything else using a Custom UI:
- Flag (https://atlassian.design/components/flag/examples)
- Pagination (https://atlassian.design/components/pagination/examples)
Following the example described in (https://developer.atlassian.com/platform/forge/build-a-custom-ui-app-in-confluence/) then:
- replacing confluence:contentBylineItem with macro in manifest.yml
- replacing source code in static/hello-world/src/App.js with:
import React from 'react';
function App() {
return (
<div>
<p>Hello World from Custom UI!</p>
</div>
);
}
export default App;
- building the asset(s)
- deploying Confluence macro
The above only displays the … defined in Forge but I cannot find anything from Custom UI (e.g Hello World from Custom UI!) getting rendered.
- How should Custom UI (https://atlassian.design/components) be used together with a Confluence Macro (using Atlassian Forge)?
- Can you combine unavailable Components in Atlassian Forge with Custom UI, e.g (Badge - https://atlassian.design/components/badge/examples) when submitting a ?
Any example(s)?