Āut Labs
  • Āut Labs
  • The Āutonomy Matrix
  • $AUT Token
  • 🎯What is Āut Labs
    • Intro & History
    • Problem & Solution
    • The Āutonomy Matrix
    • Product Suite
  • ♟️Core Concepts
    • ĀutID
    • Hub
    • Roles
    • Tasks & Contributions
    • Prestige
    • Member <> Hub bond
    • Commitment Level
    • Participation Score
    • Peer Value
  • 💻For Devs
    • Deployed Contracts
      • ĀutID
      • Hub
      • Tasks
      • Participation Score
      • Miscellaneous
    • Integrate dĀut (Web Component)
      • For Angular
      • For Vue.js
      • For React
    • SDK
  • 🎳Product Suite
    • Launchpad
    • HubOS
    • d-Āut
    • Explorer
    • ĀutOS
Powered by GitBook
LogoLogo

PARTICIPATE

  • Website
  • ĀutOS
  • Hub Explorer

© Āut Labs 2025

On this page
  1. For Devs
  2. Integrate dĀut (Web Component)

For React

  1. Install the library

    npm i @aut-labs/d-aut --save
  2. Import the initialization function in the App.js/tsx (or index.js/tsx)

    import { Init } from '@aut-labs/d-aut';
  3. Call the Init function at the start of your project

    Init();
  4. Add the custom HTML tag and populate the dao-expander property

import './App.css';
import { Init } from '@aut-labs/d-aut;

function App() {

  useEffect(() => {
      Init();
  }, []);

  return (
    <div>
        <d-aut dao-expander="0x94C5A2d8B75D139FE02180Fd7Ce87EC55B01b358"></d-aut>
    </div>
  );
}

export default App;

PreviousFor Vue.jsNextSDK

Last updated 3 months ago

💻