Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99

--d --h --m --sGet Pro

Confirm Sign Out Devices

ProNew

A sign-out-everywhere dialog that lists each session with device, place and last activity, keeps this device by default and counts what will end.

Customize

Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.

children

Guide and examples

When to use it

Use this on a security settings page. Seeing the sessions that will end lets people spot ones they do not recognise.

Do not use it as the plain Sign out button for the current session, and do not hide the list: the point is to show what changes.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Log in Get Pro for $35

Props

ConfirmSignOutDevices

Prop	Type	Default	Description
`sessions`	`{ id, device, location, lastActive, current? }[]`	-	All active sessions. Mark one `current`.
`onConfirm`	`(ids: string[], includeCurrent: boolean) => void \| Promise<void>`	-	Ids to end.
`children`	`ReactNode`	-	The trigger.

Accessibility

Sessions are a real list; this device is marked with a text badge, not only a colour.
The button's name carries the count ("Sign out 2 sessions") and it is disabled when nothing would end.
The dialog cannot be dismissed while sign-out runs.

Keyboard

Key	Action
Space	toggles Also sign out this device
Tab	switch, Cancel, action

Testing

The pattern ships a Testing Library test (confirm-sign-out-devices.test.tsx) that covers the list and badge, ending the other sessions, including this device and the empty case.