Simple Integration

EmbedYourDossier x React

Integrate your MicroStrategy Embedding SDK into your React app with just a few lines of code. No complex setup or configuration required. Just copy and paste the code below to get started.

Introduce `embed-dossier-mstr-react` by EmbedYourDossier to your project and you are ready to go.

App.tsx
importReactfrom'react';
import{ DashboardEmbed }from'embed-dossier-mstr-react';
functionApp() {
const dossierUrl = "https://demo.microstrategy.com/library/app/EC70648611E7A2F962E90080EFD58751/A28CFE9411EB927C24A30080EF25D538";
return (
<div>
<h1>My MicroStrategy Dashboard</h1>
<DashboardEmbed
dossierUrl={dossierUrl}
className="w-full h-[600px]"
config={
enableCustomAuthentication: true,
enableResponsive: true
}
/>
</div>
);
}
export default App;

Ready to Get Started?

Make your embedding experience seamless and efficient with EmbedYourDossier.