SecuritySessions

Account session manager that protects the current device, revokes remote sessions, and handles reduced motion.

InterfaceSource ready6 props documentedLive preview
Add with shadcnnpx shadcn@latest add https://www.uigrids.com/r/security-sessions.json
Interactive preview
Interface

Active sessions

Review the devices currently signed in to your account.

Chrome on Mac

Current

New Delhi / Active now

Safari on iPhone

New Delhi / 2 hours ago

Install with the CLI

# adds SecuritySessions to components/ui with the shadcn CLI
npx shadcn@latest add https://www.uigrids.com/r/security-sessions.json

Or install the package

// npm install @uigrids/react-ui
import { SecuritySessions } from '@uigrids/react-ui'

export default function App() {
  return <SecuritySessions />
}

Props

PropTypeDefaultDescription
titlestring'Active sessions'Configures the title option.
descriptionstring'Review the devices currently signed in...Configures the description option.
sessionsunknownDEFAULT_SESSIONSConfigures the sessions option.
onRevokeunknown-Configures the on revoke option.
onRevokeAllunknown-Configures the on revoke all option.
classNamestring''Additional CSS classes for the outer element.