How to Customize Passkey Page in New Universal Login

Overview

This article explains how passkey prompts can be customized. For example, applying a custom CSS applied to this prompt:

Solution

“passkeys” is the name of the prompt and it can be used in the liquid syntax.
For example:

{% if prompt.name == "login" or prompt.name == "signup" %} 
  (some custom styles) 
{% elsif prompt.name == "passkeys" %} 
  (...)
{% else %}
  (...)
{% endif %}