Security und Zugriff

Zwei-Faktor-Einrichtung, Passkeys, Rollen und Rechte.

2 Components · 10 Variants

Kategorie wechseln

permissions

Rollen und Rechte

Zugriffs-Screens für Apps. Rollenmatrix, Rolleneditor mit Live-Zusammenfassung, Zugriffsanfragen mit Frist, Gruppen mit Rollen und eine Zugriffsprüfung, die sich erklärt.

Rollenmatrix
Rolleneditor
Zugriffsanfragen
Gruppen
Zugriffsprüfung

Props und Details

Rollenmatrix

Rechte nach Bereich gegen Rollen, feste Rollen gesperrt, geänderte Zellen markiert und Speicherleiste. Telefone zeigen eine Rolle mit Schaltern.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/permissions

Bringt mit utils, kit, button, icon, input, select, switch, sidebar

Usage

<Permissions variant="role-matrix" title="Roles" roles={[…]} permissions={[{ id, label, group, sensitive }]} grants={{ admin: […] }} />

Source

Rolleneditor

Name, eine Ausgangsrolle, Rechte je Bereich mit Alle-Auswahl und eine Zusammenfassung, die heikle Rechte beim Wählen zählt.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/permissions

Bringt mit utils, kit, button, icon, input, select, switch, sidebar

Usage

<Permissions variant="role-editor" title="New role" roles={[…]} permissions={[…]} grants={{…}} />

Source

Zugriffsanfragen

Anfragen mit Begründung und wählbarer Frist, freigeben oder ablehnen, dazu eine Liste der Entscheidungen zum Rückgängigmachen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/permissions

Bringt mit utils, kit, button, icon, input, select, switch, sidebar

Usage

<Permissions variant="access-requests" title="Requests" requests={[{ id, person, resource, role, reason, time }]} people={[…]} roles={[…]} />

Source

Gruppen

Gruppen mit Mitgliedern und der Rolle, die sie geben, Personen per Suche hinzufügen und direkt entfernen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/permissions

Bringt mit utils, kit, button, icon, input, select, switch, sidebar

Usage

<Permissions variant="groups" title="Groups" groups={[{ id, name, members, role }]} people={[…]} roles={[…]} />

Source

Zugriffsprüfung

Person und Recht wählen und die Antwort mit ihrem Weg über Rolle und Gruppen sehen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/permissions

Bringt mit utils, kit, button, icon, input, select, switch, sidebar

Usage

<Permissions variant="access-check" title="Check access" people={[…]} roles={[…]} permissions={[…]} grants={{…}} groups={[…]} />

Source

security

Sicherheit

Screens für Kontosicherheit. Sicherheitswert mit empfohlenen Schritten, zweistufige Anmeldung einrichten, Passkeys, Backup-Codes und Anmeldeverlauf.

Sicherheitsübersicht
Zweistufige Anmeldung einrichten
Passkeys
Backup-Codes
Anmeldeverlauf

Props und Details

Sicherheitsübersicht

Ein Wertring, der mit jedem Schritt hochzählt, offene Schritte mit Gewicht und je einer Aktion, die erledigten darunter.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/security

Bringt mit utils, kit, button, icon, otp-input, dialog, sidebar

Usage

<Security variant="overview" title="Security" checks={[{ id, title, description, done, weight, action }]} />

Source

Zweistufige Anmeldung einrichten

Vier Schritte mit App, SMS oder Sicherheitsschlüssel, Code zum Scannen mit Schlüssel zum Abtippen, Codeprüfung und Backup-Codes.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/security

Bringt mit utils, kit, button, icon, otp-input, dialog, sidebar

Usage

<Security variant="two-factor-setup" title="Two-step sign-in" account="lena@northwind.io" issuer="Northwind" codes={[…]} />

Source

Passkeys

Passkeys je Gerät mit Synchronisierung, letzter Nutzung, Umbenennen an Ort und Stelle und Entfernen, dazu ein Ablauf, der auf das Gerät wartet.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/security

Bringt mit utils, kit, button, icon, otp-input, dialog, sidebar

Usage

<Security variant="passkeys" title="Passkeys" passkeys={[{ id, name, device, kind, created, lastUsed, synced }]} />

Source

Backup-Codes

Zehn Einmalcodes mit durchgestrichenen benutzten, Warnung bei wenigen übrigen, Kopieren, Herunterladen, Drucken und neue Codes nach Rückfrage.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/security

Bringt mit utils, kit, button, icon, otp-input, dialog, sidebar

Usage

<Security variant="recovery-codes" title="Backup codes" codes={[{ code, used }]} />

Source

Anmeldeverlauf

Anmeldungen nach Tag mit Gerät, Ort, Adresse, Methode und Ergebnis, ungewöhnliche markiert mit einem Weg, andere auszusperren.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/security

Bringt mit utils, kit, button, icon, otp-input, dialog, sidebar

Usage

<Security variant="login-history" title="Sign-ins" signIns={[{ id, time, device, kind, place, ip, method, result, unusual }]} />

Source

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Security und Zugriff stehen.

Rollenmatrix

Rolleneditor

Zugriffsanfragen

Gruppen

Zugriffsprüfung

Sicherheitsübersicht

Zweistufige Anmeldung einrichten

Passkeys

Backup-Codes

Anmeldeverlauf

Ähnliche Components, Wird oft kombiniert mit

Ähnliche Components

Wird oft kombiniert mit