Auth Widget

Auth Widget

Vorgefertigte UI-Widgets für schnelle Integration mit anpassbarem Design.

Installation

import { AuthWidget } from 'https://auth.deine-domain.de/client/auth-widget.js';

Verwendung

const widget = new AuthWidget({
  authServerUrl: 'https://auth.deine-domain.de',
  container: document.getElementById('auth-widget')
});

widget.render();

Optionen

const widget = new AuthWidget({
  authServerUrl: 'https://auth.deine-domain.de',
  container: document.getElementById('auth-widget'),
  showProfile: true,
  theme: 'light', // oder 'dark'
  buttonText: 'Login',
  logoutText: 'Logout'
});

Styling

Du kannst das Widget mit CSS anpassen:

.auth-widget {
  /* Deine Styles */
}

.auth-widget button {
  /* Button Styles */
}

.auth-widget .profile {
  /* Profil Styles */
}

Nächste Schritte

• Auth Client - Vollständige API
• Simple Button - Einfachste Integration