Skip to content
UI Kit
Accent color

Security and access

Two-factor setup, passkeys, roles and permissions.

2 components · 10 variants
Switch category

permissions

Roles and permissions

Access screens for apps. A role matrix, a role editor with live summary, access requests with a time limit, groups that add roles and an access check that explains itself.

Props and details · Roles and permissions

Role matrix

Permissions by area against roles, fixed roles locked, changed cells marked and a save bar. Phones show one role at a time with switches.

Open in Studio

Role editor

Name, a role to start from, permissions per area with select all, and a summary that counts sensitive rights as you pick.

Open in Studio

Access requests

Requests with reason and a time limit to pick, approve or decline, and a list of decisions you can undo.

Open in Studio

Groups

Groups with members and the role they add, add people with search and remove them in place.

Open in Studio

Access check

Pick a person and a permission and see the answer with its path through role and groups.

Open in Studio

security

Security

Account security screens. A score with recommended steps, two-step sign-in setup, passkeys, backup codes and the sign-in history.

Props and details · Security

Security overview

A score ring that counts up as steps get done, open steps with their weight and one action each, and the finished ones below.

Open in Studio

Two-step setup

Four steps with app, text message or security key, a code to scan with a manual key, the code check and backup codes.

Open in Studio

Passkeys

Passkeys per device with sync, last use, rename in place and remove, plus an add flow that waits for the device.

Open in Studio

Backup codes

Ten one-time codes with used ones crossed out, a warning when few are left, copy, download, print and new codes after a check.

Open in Studio

Sign-in history

Sign-ins grouped by day with device, place, address, method and result, unusual ones marked with a way to lock others out.

Open in Studio

Similar components

More from App, the same area of the kit.

Often combined with

Sections that usually sit next to Security and access on a page.

Often searched

Jump to

Copied to the clipboard