Packages

webauthn_components

0.8.0
0.8.0 0.7.3 0.7.2 0.7.1 0.7.0 0.6.5 0.6.4 0.6.3 0.6.2 0.6.1 0.6.0 0.5.3 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.3 0.3.2 0.3.1 0.3.0 0.2.2

Passkey authentication for Phoenix LiveView applications.

HexDocs

Current section

Files

Jump to
Readme
22 Versions
9 Dependencies
Dependants
Files
Activity
webauthn_components templates components passkeys guidance.html.heex
Raw

templates/components/passkeys/guidance.html.heex 

<details class="grid gap-4 bg-gray-50 ring-1 ring-gray-200 shadow-lg rounded-lg group">

  <summary class={[

    "px-4 py-2 cursor-pointer transition select-none",

    "bg-gray-50 hover:bg-gray-100 font-semibold",

    "rounted-t-lg rounded-b-lg group-open:rounded-b-none",

    "group-open:border-b-2 group-open:border-gray-300"

  ]}>

    Where's the password?

  </summary>



  <div class="py-4 px-8 text-justify grid gap-2">

    <p>

      This application uses a new technology that replaces passwords and temporary codes.

    </p>



    <p>

      <a href="https://fidoalliance.org/passkeys/" class="font-bold" target="_blank">

        Passkeys

      </a>

      are a more secure way to sign into applications. They use advanced technology embraced by security experts, while improving ease-of-use.

    </p>



    <p>

      Read more about Passkeys at the <a

        href="https://fidoalliance.org/passkeys/#faq"

        class="font-bold"

        target="_blank"

      >

            FIDO Alliance

          </a>.

    </p>

  </div>

</details>